2. Background
Ögelere zemin (background) rengi vermek veya zemin resmi
eklemek ile onların nasıl davranış göstereceğini kapsar.
Background, arka plân olarak da adlandırılabilir. Bu özellikler;
background-color
background-image
background-repeat
background-attachment
background-position
www.selcuktufekci.com
5. Zemin Resmi Tekrarı
"background-repeat" özelliği zemine eklenen görselin
tekrarlanma biçimini kontrol etmek için kullanılır.
background-repeat:repeat;
background-repeat:no-repeat;
background-repeat:repeat-x;
background-repeat:repeat-y;
www.selcuktufekci.com
6. Zemin Resmi Pozisyonu
"background-position" özelliği görselin sayfadaki pozisyonunu
belirler. Dikey hizalamada üst (top), orta (center) ve alt
(bottom) geçerli bir pozisyonken; yatay hizalamada sol
(left), orta (center) ve sağ (right) geçerlidir.
Bu özellik için 11 ayrı değer bulunmaktadır.
top left
top center
top right
center left
center center center right
bottom left bottom center
bottom right
background-position:top left;
www.selcuktufekci.com
7. Zemin Resmi İliştirme
“background-attachment” özelliği zemine
yerleştirdiğimiz görselin kaydırma çubuğu ile birlikte
hareket edip etmeyeceğinin kontrolünü sağlar.
Görselin kaydırma çubukları ile birlikte hareket
etmesini istiyorsak değer olarak “scroll” kullanırız.
Geçerli (default) değer budur, hiçbir şey
yazılmadığında bu durum yine geçerlidir.
Görselin kaydırma çubukları ile birlikte hareket
etmemesini, sabit kalmasını istiyorsak değer olarak
“fixed” kullanırız.
www.selcuktufekci.com
10. Font Boyutu
“font-size” yazı karakterlerinin, dolayısıyla da metnin
boyutunu ayarlamaya yarar.
www.selcuktufekci.com
11. Font Kalınlığı
“font-weight” özelliği, fontun kalınlık, incelik değerini
belirlemeye yarar.100 (ince)-900 (kalın) arasında bir
değer alabildiği gibi bold, bolder, normal ve lighter
değerlerini de alabilir.
www.selcuktufekci.com
13. Satırlar Arası Mesafe Ayarı
“line-height” özelliği, metin içindeki satırların
arasındaki mesafeyi ayarlamak için kullanılır.
www.selcuktufekci.com
14. Font
Kısaltma işlemini yaparken aşağıdaki söz dizimi kullanılır:
font: font-style font-weight font-size/line-height font-family;
www.selcuktufekci.com
18. Metin Dekorasyonu
“text-decoration” özelliği, genellikle bağlantıların (link)
altındaki çizgileri kaldırmakla birlikte metinlerin üst tarafını
çizmeyi, altını çizmeyi, üzerini çizmeyi ve onlara yanıp sönme
(blink) efekti vermeyi sağlar.
text-decoration:none; (underline;
www.selcuktufekci.com
overline; line-through blink;)
19. Metin Dönüşümü
“text-transform” özelliği, bir metindeki karakterleri
büyük veya küçük harfe çevirebilir ya da metindeki
kelimelerin ilk harflerini büyütebilir.
text-transform:uppercase; (lowercase -capitalize)
www.selcuktufekci.com
20. Metin Girintileme
“text-indent” özelliği, paragraf başı yaparken
cümlenin ne kadar içten başlayacağını ayarlamak için
kullanılır.
text-indent:50px;
www.selcuktufekci.com
21. Satırlar Arası Mesafe Ayarı
“line-height” metin içindeki satırların arasındaki
mesafeyi ayarlamak için kullanılır.
line-height: 12px;
www.selcuktufekci.com
22. Harfler Arası Mesafe Ayarı
“letter-spacing” özelliği, metin içinde yer alan
karakterlerin arasındaki boĢluğu ayarlamak için
kullanılır.
www.selcuktufekci.com
23. Kelimeler Arası Mesafe Ayarı
“word-space” özelliği, metin içinde yer alan
kelimelerin arasındaki mesafeyi (boĢluğu) ayarlamak
için kullanılır.
www.selcuktufekci.com
24. Metin İçindeki Resmin Dikey
Konumunu Ayarlamak
“vertical-align” özelliği, bir ögenin dikey olarak hizalaması için kullanılır.
baseline : Orta (metin içeriğine göre)
sub : Altsimge
super : Üstsimge
top : Yukarı (elemente göre)
text-top: Yukarı (metin içeriğine göre)
middle : Orta (elemente göre)
bottom : Alt (elemente göre)
text-bottom : Alt (metin içeriğine göre)
px ve yüzde (%) değerleri de verilebilir.
www.selcuktufekci.com