Etiket: text

CSS text-decoration

text-decoration :

Metinlere dekorasyon özellikleri eklemek yada kaldırmak için kullanılır.

Not: CSS3 için metin düzenleme özellikleri text-decoration-line, text-decoration-color ve text-decoration-style kestirme kodlardır fakat şuan büyük tarayıcıların hiç biri desteklemediği için kullanılamamaktadır.

Not2: CSS3 içinde decoration rengini değiştirmek için text-decoration-color kullanmanız gerekir aksi takdirde decoration rengi metin rengi ile aynı renk olacaktır.

Örnek

.overline{
  text-decoration: overline;
}
.underline{
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Hiç bir dekorasyon özelliği eklenmez.
underline Satırın altını çizmek için kullanılır.
overline Satırın üstünü çizmek için kullanılır.
Line-through Metnin üzerini çizmek için kullanılır.
İnital
İnherit

Tarayıcı Desteği
1.0 1.0 3.0 1.0 3.5
Posted on by Samed GÖZÜTOK 0

CSS text-align-last

text-align-last :

metinin son satırını hizalamak için kullanılır.

Örnek

p {
  text-align: center;
  -moz-text-align-last: left; /* Code for Firefox */
   text-align-last: left;
}

Codepen Ön izleme

 

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
auto Metinin son satırını eşit genişliğe ayarlar ve sola hizalar.
left Metinin son satırını sola hizalar.
right Metinin son satırını sağa hizalar.
center Metinin son satırını ortalar.
justify Metinin son satır çizgilerini eşit genişliğe ayarlar.
İnital
İnherit

Tarayıcı Desteği
Desteklenmiyor. 5.5 12.0-moz Desteklenmiyor Desteklenmiyor
Posted on by Samed GÖZÜTOK 0

CSS text-align

text-align :

metin hizalaması için kullanılır.

Örnek

.sag{
  text-align: right; 
}
.sol {
  text-align: right;
}
.orta {
   text-align: center;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
left Metni sola hizalar.
right Metni sağa hizalar.
center Metni ortalar.
justify Metindeki her satırı eşit genişliğe ayarlar.
İnital
İnherit

Tarayıcı Desteği
1.0 1.0 3.0 1.0 3.5
Posted on by Samed GÖZÜTOK 0