CSS bu zamana kadar anlattığımız özelliklerinin dışında, bazı HTML etiketlerine ekstra parametreler kazandırır, veya bazı özellilliklere kendi aracılığıyla ulaşıp onları şekillendirmemize olanak verir.Şimdi bunları görelim.
1.
Text Özellikleri
*
text-align: Yatay hizalama
o
left: Sola hizalama
o
right: Sağa hizalama
o
center: Ortaya hizalama
o
line-height: Satır yüksekliğinin pixel değeri
o
line-intdent: Sol kenardan uzaklığın piksel değeri
*
text-transform: Metni büyük veya küçük harflerle görüntüleme
o
uppercase: Metni büyük harflerle yazar
o
lowercase: Metni küçük harflerle yazar.
*
text-decoration:
o
underline: Alt çizgili yazar
o
overline: Üst çizgili yazar
o
line-trough: Yazının üstünü çizer.
o
none: Herhangi bir çizgi olmaksızın yazar.
deneme
2.
Font Özellikleri
*
font-size: Yazı büyüklüğünün piksel cinsinen değerini bildirir.
*
color: Yazının rengini bildirir.
*
font-family: Yazının tipini belirler(Times New Roman,vedana vs.)
*
font-style: Yazının italik olup olmamasını belirler.
o
italic: Yazıyı eğik yapar
o
normal: Yazıyı bir değişiklik yapmadan yazar.
*
font-weight: Yazının bold olup olmamasını belirler.
o
bold: Yazıyı koyu yazar.
o
normal: Yazıyı bir değişiklik yapmaksızın yazar.
Deneme
3.
Liste özellikleri
*
list-style-type:Liste elemanlarının başına:
disc: Daire,
o
circle: Çember,
o
square: Kare,
o
decimal: Sayı koyar.
*
lower(upper)-roman: Liste elemanlarınınn başına küçük(büyük) romen rakamları koyar.
*
lower(upper)-alpha: Liste elemanlarının başına küçük(büyük) harfler koyar.
*
none: Listeleme için herhangi bir sembol kullanmaz.
*
list-syle-image: Listelemeyi vereceğiniz resim ile yapar
*
list-style-position:
o
inside: Listenin ikinci satırını en soldan başlatır.
o
outside: İkinci satırı bir öncekinin dikey hizasından başlatır.
4.
Background Özellikleri
· background-color: Arkaplan rengi, Hexdecimal veya renk adı olarak yazabilirsiniz.
· background-image:Arkaplan resmi, url(ResimAdı.gif) şeklinde yazılır.
· background-repeat:Resmin;
§ repeat: tüm yönlerde,
§ repeat-x: x ekseni boyunca,
§ repeat-y: y ekseni boyunca tekrar edilmesini, veya
§ no-repeat: Tekrar edilmemesini bildirir.
· background-position:
§ left: Resmi pencerenin sol kenarına yaklaştırır.
§ right: Resmi pencerenin sağ kenarına yaklaştırır.
§ center: Resmi ortalar.
Deneme
5.
Katman Özellikleri
*
width: Katmanın genişliği
*
height: Katmanın yüksekliği
*
position:
o
absolute: Katmanını konumunu kesin olarak bildireceğimiz zaman kullanırız.
o
relative: Katmanın konumunu diğer öğelere göre değişebilen şekilde vermemizi sağlar.
*
top: Katmanının pencerenin üst kenarından uzaklığı
*
left: Katmanın pencerenin sol kenarından uzaklığı
*
overflow: 'auto' değerini verirseniz katmanın belirtilen alana sığmayan öğelerini otomatik olarak belirler, 'scroll' değeri ise kaydırma çubukları ekler.
*
visibility: Görününrlük, visible veya hidden değerlerini alır.
*
z-index: Sayfanın görüntülenme önceliğini bildiren sıra numarası.
0 yorum:
Yorum Gönder