Ana Sayfa » , , , , , , , » Yazı, harf, kelime ve satır boşluklarını ayarlamak

Yazı, harf, kelime ve satır boşluklarını ayarlamak

Yazar Ulaş Sağlam on 17 Ağustos 2013 Cumartesi | 13:21



Bu derste yazıda harfler arası, cümleler arası, satır arası ve büyük küçük harf değişiklikleri gibi düzenlemeleri göreceğiz.

line-height // Satırlar Arası Yükseklik 

Satırdan kasıt line-height özelliğidir. aşağıdaki kodlar satırlar arası mesafeyi ayarlar.

<style type="text/css">
birinci durum//
.text1 {
 line-height: normal;
        line-height:15px; // px yerine farklı ölçü birimleri'de kullanılablir(px,pt,in,cm,mm,pc,em,ex,%,multtiple)
}
ikinci durum//
.text2 {
line-height:15px; // px yerine farklı ölçü birimleri'de kullanılablir(px,pt,in,cm,mm,pc,em,ex,%,multtiple)
}


Kelimeler Arası Mesafe Ayarlama

Şu kodlar word-spacing / kelimeler arası mesafeyi ayarlamanızı sağlayacaktır.

<style type="text/css">
.text {
word-spacıng :15px;
}


Harfler Arasını Açmak

Aşağıdaki kodları kullandığınızda uyguladığınız kısımda harfler arasındaki boşluk açılacaktır. Değeri artırdıkça boşluk artar.

.text1 {
letter-spacıng: 5px;
  }


Harfleri ve Kelimeleri Büyütmek

uppercase: Küçük harfleri büyük harfe çevirir.
capitalize: Sadece kelimelerin baş harfini büyütür.
lowercase: Büyük harfleri küçük harfe cevirir.

Kullanabileceğiniz kod:

.text {
text-transform: capitalize; // Kelimelerin Baş Harfini Büyütür.
}
.text {
text-transform: uppercase;//küçük harfleri büyütür
}
.text {
text-transform: lowercase; //BÜYÜK HARFLERİ KÜÇÜK YAPAR
}

0 yorum:

Yorum Gönder