16.1 Girintileme: text-indent niteliği

Bu nitelik bir bloktaki metnin ilk satırının girinti miktarını belirtir. Başka bir deyişle, blokun ilk satır çerçevesine akan ilk çerçevenin girinti miktarını belirler. Çerçeve satır çerçevesinin sol kenarına göre (yazım yönü sağdan sola ise sağ kenara göre) tasarlanır. Kullanıcı arayüzlerinin bu girintiyi boş alan olarak oluşturmaları gerekir.

Değerlerin anlamları:

uzunluk

Girinti sabit bir uzunluk olarak belirtilir.

yüzdelik

Girinti taşıyıcı blokun genişliğine oranlanır.

text-indent değeri negatif olabilir, fakat gerçeklenime özgü sınırlamalar olabilir. Eğer text-indent değeri negatif ise metnin görünürlüğünü overflow değeri belirleyecektir.

Örnek:

Bu örnekte metin '3em' girintilenmektedir.

p { text-indent: 3em }

16.2 Hizalama: text-align niteliği

Bu nitelik bir bloğun satıriçi içeriğinin nasıl hizalanacağını belirler. Değerlerin anlamları şöyledir:

left, right, center veya justify

Metni sırayla sola, sağa yanaştırır, ortalar veya iki kenara yanaştırarak satıra yayar.

dizge

Bir tablo sütununda göze içeriklerini hizalamak için bir dizge belirtmekte kullanılır (ayrıntılar ve örnek için Bir sütunun yatayda hizalanması bölümüne bakınız). Bu değer sadece tablo gözelerine uygulanır. Başka elemanlarda belirtilirse yazım yönüne göre, yani direction niteliğinin ltr veya rtl oluşuna bağlı olarak sırayla left veya right belirtilmiş gibi işlem yapılır.

Bir metin bloku bir satır çerçevesi yığınıdır. left, right ve center durumunda, bu nitelik, her satır çerçevesi içindeki satıriçi çerçevelerin satır çerçevesinin sol ve/veya sağ kenarına göre nasıl hizalanacağını belirtir; hizalama görüntü alanına göre yapılmaz. justify durumunda ise kullanıcı arayüzü satıriçi çerçevelerin konumlarını belirlemekten başka genişliklerini arttırabilir. (Ayrıca, letter-spacing ve word-spacing niteliklerine de bakınız.)

Örnek:

Bu örnekte, text-align miras alındığından 'class="center"' öznitelikli tüm <div> elemanlarının içindeki blok seviyesinden elemanların hepsinin satıriçi içeriği ortalanacaktır.

div.center { text-align: center }

Not:

Asıl hizalama algoritması kullanıcı arayüzünün kullandığıdır ve dile bağlı olarak yazılmıştır.

Uyumlu kullanıcı arayüzleri justify değerini, elemanın öntanımlı yazma yönünün soldan sağa olması durumunda left olarak aksi takdirde right olarak uygulayabilirler.

16.3 Süsleme

16.4 Harfler ve sözcükler arası boşluklar: letter-spacing ve word-spacing nitelikleri

Bu nitelik metin karakterleri arasındaki boşlukların genişliklerini ayarlar. Değerlerin anlamları:

normal

Geçerli yazıtipi için normal boşluk genişliği kullanılır. Bu değer kullanıcı arayüzlerinin metni iki kenara yayarak hizalarken karakterler arasındaki boşlukları değiştirebilme imkanı sağlar.

uzunluk

Bu değer, karakterler arasındaki öntanımlı boşluğa ek bir boşluk genişliği belirtmek için kullanılır. Negatif değer belirtilebilir, ancak gerçeklenime bağlı sınırlamalar olabilir. Bu değer kullanıcı arayüzlerinin metni iki kenara yayarak hizalarken karakterler arasındaki boşlukları değiştirebilme imkanı vermeyebilir.

Karakterler arası boşluk algoritması kullanıcı arayüzüne bağlıdır. Karakterler arası boşluklar ayrıca satır iki kenara yayılarak hizalama yapılırken değişebilir (text-align niteliğine bakınız).

Örnek:

Bu örnekte, <blockquote> içeriğindeki karakterler arası boşluklar '0.1em' arttırılmaktadır:

blockquote { letter-spacing: 0.1em }

Aşağıdaki örnekte ise kullanıcı arayüzüne karakterler arası boşluğu değiştirme izni verilmemiştir:

blockquote { letter-spacing: 0cm }   /* Sadece '0' verilebilirdi */

İki karakter arasında elde edilen boşluk öntanımlı boşlukla aynı olmadığı takdirde kullanıcı arayüzlerinin çift harfleri [İng.: ligature] kullanmamaları gerekir.

Uyumlu kullanıcı arayüzleri, letter-spacing niteliğinin değerinin normal olduğunu varsayabilirler.

Bu nitelik sözcükler arası boşluk genişliğini değiştirmekte kullanılır. Değerlerin anlamları:

normal

Geçerli yazıtipi ve/veya kullanıcı arayüzü tarafından tanımlanmış olan sözcükler arası boşluk genişliği.

uzunluk

Bu değer, sözcükler arasındaki öntanımlı boşluğa ek bir boşluk genişliği belirtmek için kullanılır. Negatif değer belirtilebilir, ancak gerçeklenime bağlı sınırlamalar olabilir.

Sözcükler arası boşluk algoritmaları kullanıcı arayüzüne bağlıdır. Sözcükler arası boşluklar ayrıca satır iki kenara yayılarak hizalama yapılırken değişebilir (text-align niteliğine bakınız).

Örnek:

Bu örnekte, <h1> içeriğindeki sözcükler arası boşluklar '1em' arttırılmaktadır:

h1 { word-spacing: 1em }

Uyumlu kullanıcı arayüzleri, word-spacing niteliğinin değerinin normal olduğunu varsayabilirler.

16.5 Harf büyüklüğü: text-transform niteliği

Bu nitelik elemanın metninin karakterlerinin harf büyüklükleri üzerinde etkilidir. Değerlerin anlamları:

capitalize

Her sözcüğün ilk karakterini büyük harfe dönüştürür.

uppercase

Sözcüğün tüm harflerini büyük harfe çevirir.

lowercase

Sözcüğün tüm harflerini küçük harfe çevirir.

none

Harf büyüklüklerinde değişiklik yapılmaz.

Her harf için asıl dönüşüm karakteri metnin yazıldığı dile bağlıdır. Bir elemanın dilini bulma yolları için [RFC2070]'e bakınız.

Uyumlu kullanıcı arayüzleri, harf dönüşüm tablosu [ISO/IEC 10646]'da belirtilenden farklı olan dillerin elemanları için ve Latin-1 ailesinden olmayan karakterler için text-transform niteliğinin değerinin none olduğunu varsayabilirler.

Örnek:

Aşağıdaki kural <h1> elemanının tüm metnini büyük harfe çevirmektedir:

h1 { text-transform: uppercase }

16.6 Boşlukların korunması: white-space niteliği

Bu nitelik bir elemanın içeriğindeki boşluklar için nasıl bir işlem yapılacağını belirtir. Değerlerin anlamları:

normal

Bu değer kullanıcı arayüzlerini boşlukları normalleştirmesi ve satır çerçeveleri doldukça satırları sonlandırması için yönlendirir. Ek satırsonları üretilen içerikte satırsonu istenen yerlere "\A" dizgesi yerleştirilerek elde edilebilir (HTML'deki <br> elemanı gibi).

pre

Bu değer kullanıcı arayüzlerinin boşluk normalleştirmesi yapmasını önler. Satırlar sadece kaynak belgede satırsonu karakterlerinin bulunduğu yerlerde veya üretilen içerikte sadece "\A" dizgelerinin bulunduğu yerlerde sonlandırılır.

nowrap

Bu değer normal gibi boşlukları normalleştirir fakat üretilen içerikteki "\A" dizgeleri hariç satırları sonlandırmaz.

Örnek:

Aşağıdaki örnekte, <pre> ve <p> elemanları ile 'nowrap' özniteliğinden eleman içeriğindeki boşluklar için nasıl bir işlem beklendiği belirtilmiştir:

pre        { white-space: pre }
P          { white-space: normal }
td[nowrap] { white-space: nowrap }

Uyumlu kullanıcı arayüzleri kullanıcı ve yazar biçembentlerindeki white-space niteliklerini yoksayabilir, fakat öntanımlı biçembentte bir değer belirtmelidirler.