Tweet

CSS | Metin İşlemleri

Hizalama

text-indent

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

CODE:
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.

CODE:
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.

CODE:
<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:

CODE:
<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.


Dia
okanatabag@gmail.com
25 Mart 2006 19:21

İlgili Olabilecek Makaleler


Yorumlar (1)





M.Akif
27 Kasim 2008 12:24
Sağol Okan abi güzel ders :)

Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.



MENÜ » FORUM
Menü » Takip et
RSS Facebook Twitter Friendfeed
Sık Kullanılanlar Google Yahoo Live
Menü » Paylaş
E-Posta ile gönder Twitter Facebook Friendfeed
Buzz Stumbleupon Delicious Digg