Font ile Metin(Text) arasında ne fark var ikiside aynı diyorsanız yanılıyorsunuz.
Font özellikleri metni oluşturan karakterlerini nasıl olacağını belirlerken, Metin(Text) özellikleri sayfadaki metinlerin düzenini kontrol eder. Metin özellikleri metin düzeni için çok avantajlı özellikler getirmiştir.
................................
text-indent
Paragrafların ilk cümlelerin soldan içeriye kaydırılması için kullanılan bir özelliktir.
| Kod: |
| p { text-indent: 10px; } |
..................................
text-align
Bir elemntin diğerlerine göre hizasını berlilemek için kullanılır. Sadece metinler için kullanılmaz, diğer elementler içinde kullanılır.
| Kod: |
| p { text-align: justify; } |
..............................
vertical-align
Bir elementin içeriğinin dikey hizalaması için kullanılır.
bu değerleri koddaki baseline yerini değiştirerek yazabilirsiniz...
* 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)
Aldığı Değerler :<yüzde> | baseline | sub | super | top | text-top | middle | bottom | text-bottom
| Kod: |
| img { vertical-align: baseline; } |
......................................
line-height
Satırlar arasındaki yüksekliği belirler. normal, pixel veya yüzde değerlerin den birini alabilir.
| Kod: |
| div{ line-height:30px } |
......................................
word-spacing
Kelimeler arasındaki boşluk değerini belirler. Eksi değer alabilir.
p {
word-spacing: 10px;
}
...................................
letter-spacing
Harfler arasındaki boşluk değerini belirler. Eksi değer alabilir.
| Kod: |
p { letter-spacing: 5px; } |
..........................................
text-transform
Metnin Büyük-Küçük harf çevirmek için kullanılır.
Aldığı Değerler : none | capitalize | uppercase | lowercase
* uppercase(hepsini büyük harf yap)
* lowercase(hepsini küçük harf yap)
* capitalize(sadece baş harfleri büyük yap)
| Kod: |
p { text-transform: capitalize; } |
..............................................
text-decoration.
Bu özellik metinlerimize özel işaretler koymamızı sağlar. Örneğin metinlerizin altını çizmek gibi.
Aldığı Değerler : none | [ underline || overline || line-through || blink ]
| Kod: |
a:link, a:visited, a:active { text-decoration: none } |
BU KODLARI CSS DESİGN TASARIMINDA KULLANABİLİRSİNİZ
(style tagleri olmadan yazınız bölümüne)
YOK BAŞKA TASARIM KULLANIYORSANIZ
<style></style> TAGLERİ ARASINA KOYABİLİRSİNİZ...
(Tasarımın üzerindeki yazı bölümüne)
Kaynak:Bedava-sitem.com/forum