CSS word-spacing

word-spacing :

Kelimeler arasındaki boşluk değerini belirlemek için kullanılır.

Not: Negatif değer alabilmektedir.

Örnek

p {
  word-spacing: 50px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
normal Sözcükler arasındaki boşluğu normal olarak ayarlar.
length Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 6.0 1.0 3.5

CSS letter-spacing

letter-spacing :

Bir metindeki harflerin arasındaki boşluğunu ayarlar. Negatif değerler alabilir.

Örnek

.pozitif{
  letter-spacing: 30px;
}
.negatif{
  letter-spacing: -4px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
normal Normal olarak ayarlanır.
length Harfler arasındaki boşluğu açacak değerdir. Negatif olarak tanımlanabilir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 7.0

CSS border-spacing

Border-spacing :

Elemente kenar boşluğu vermek için kullanılır.

Not: Eğer tek değer verilirse bu tüm kenarlar için geçerlidir, iki değer atanırsa ilki yatayda boşluk için ikincisi dikey de boşluk vermek için tanımlanmıştır.

Örnek

#borderSpacing{
  border-collapse: separate;
  border-spacing: 5px 20px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
length Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 8.0 1.0 4.0