Hizalama

text-indent

Yaygın olarak paragrafların ilk cümlelerin soldan içeriye kaydırılması için
kullanılan bir özelliktir.

p {text-indent: 1in}

text-align

4 tane değeri olabilir; left, right, center ve justify. Kolaylıkla anlaşılabileceği
şekilde left sola, right sağa yaslama işlemi yapar. center ise yazıyı ortalar.
justify ise yazıyı sağ ve sol marjinlere uyacak şekilde ayarlar.

h1,h2,h3,h4,h5 {text-align: center}

buyruğu ile bütün başlıkların ortalanmasını sağlayabilirsiniz.

white-space

Metnin içerisinde geçen başlukların tarayıcı üzerinde nasıl görüntülenecğini
belirler. üç farklı değeri olabilir; pre,nowrap, normal. Normal seçeneği extra
boşlukların ihmal edilmesini sağlar. Pre seçeneği boşlukların olduğu gibi
görüntülenmesini sağlar. Nowrap ise metnin satır atlamasını engeller. Satır
atlamak için farklı buyruklar kullanmak zorunda kalırsınız.

<p style="white-space: nowrap;">Bu paragrafın içerisinde

"nowrap" seçeği kullanılmıştır. nowrap metnin boylu boyunca

devam etmesini sağlar.

<br />Satrı atlamak için br buyruğunu kullanmak zorundasınız.</p>

Yukarıdaki buyruğun tarayıcıda (tarayıcı) elde edeceğimiz görüntüsü aşağıdaki
gibi olacaktır.
Bu paragrafın içerisinde “nowrap” seçeği kullanılmıştır.
nowrap metnin boylu boyunca devam etmesini sağlar.
Satrı atlamak için br buyruğunu kullanmak zorundasınız.

word-spacing

Bu özellik kelimeler arasındaki boşlukları belirmeye yarar. Ornek verelim:

<p style="word-spacing: normal;">Bu paragrafta kelimeler

arasındaki

boşluk "normal" olarak tanımlanmıştır.</p>

<p style="word-spacing: 0.5em;">Bu paragrafta kelimeler

arasındaki

boşluk "0.5em" olarak belirlenmiştir.</p>

_Ilk örnekte kelimeler arası boşluk normal olarak bırakılacak ama ikinci örnekte
boşluk yüzde 50 kadar artırılmıştır.

text-transform

Dört seçeneği vardır; uppercase, lowercase, capitalize ve none. Uppercase
bütün harfleri büyük harfe, lowercase bütün harfleri küçük harflere, capitalize
kelimelerin ilk har
erini büyük har
ere çevirir. none ise hiçbir şey yapmaz.

Okan ATABAĞ

Benzer Yazılar

• CSS İle Radius (Oval) Kenarlar
• CSS ve HTML Arasındaki Fark
• CSS Giriş
• CSS | Hizalama
• CSS | Renkler ve Arkaplanlar
• CSS | Fontlar
• CSS | Uzunluk Birimleri
• CSS | Birimler
• CSS | Söz Dizilimi
• CSS | Tarayıcıya css tanıtmak