19 Nisan 2013

Text-align: Özelliği ve Kullanımı

Css'de text-align: özelliğini yazılarımızı sağa, sola ve ortaya hizlamak için kullanırız. Şimdi vereceğim örneği <p> tagına uygulayarak inceliyelim.

Text-align Özelliği İçin Verilebilir Değerler:

  1. text-align:left; Kullandığımız elementin (tagın) yazıları sola yaslar.
  2. text-align:right; Kullandığımız elementin (tagın) yazıları sağa yaslar.
  3. text-align:center; Kullandığımız elementin (tagın) yazıları ortalar.
  4. text-align:justify; Kullandığımız elementin (tagın) yazıları iki yana yaslar.

Css Kullanım Kodu:

<style type="text/css">

p.solparagraf{text-align:left;
}

p.sagparagraf{text-align:right;
}

p.ortaparagraf{text-align:center;
}

p.ikiyanaparagraf{text-align:justify;
}

</style>

Html Kullanım Kodu:

Örnekler:

Sola yaslanmış yazı örneği.

Sağa yaslanmış yazı örneği.

Ortalanmış yazı örneği.

İki yana yaslanmış yazı örneği. Bu paragaf içinde yazdığımız yazılar belirttiğimiz boyuta göre iki yana yaslanarak görünür.