CSS Yazı Özellikleri Kodları

Cüneyt Çağala — Sun, 20 Dec 2015 22:18:35 +0000

CSS Kullanırken çoğu zaman elimizin altında bazı kodların bulunması gerekiyor. Aslında bazen iyi derecede ingilizce bilseniz bile bu kodlar zamanla unutulabiliyor veya hatırlanmadığı anlar oluyor. Özellikle CSS’de sık kullanılan yazı rengi, yazıyı sağa-sola-merkeze veya iki yana hizalama, kelime-cümleleri büyük-küçük veya ilk harflerini büyük yapma, metni paragraf başı yapma gibi kodlar sıklıkla kullandığımız kodlar.

Şimdi sizlere CSS’de yukarıda bahsettiğim bu kodlar ile ilgili bil vermeye çalışacağım. Kullanımı oldukça kolay. Ya bir Class/Id tanımlayarak aynı sayfa veya başka bir sayfada yol gösterip kullanabilirsiniz dilerseniz div’ler arasında da kullanabilirsiniz. Zaten bu sayfada olduğunuza göre nasıl kullanacağınızı iyi biliyorsunuzdur.

CSS Yazı Rengi | Color

Yaygın olarak kullanılan renklere bakmak için Hex Color sitesine bakabilirsiniz. En çok tercih edilen ve kullanılan renk kodları bu sitededir. Kodcuların bilmesi gereken bir sitedir. Tıkla

color:red; /*Yazı Rengi Kırmızı Olur.*/
color:rgb(255,0,0); /*Yazı Rengi Kırmızı Olur.*/
color:#FF000; /*Yazı Rengi Kırmızı Olur.*/

CSS Yazı Hizalama Sağa-Sola-Merkeze veya İki Yana | Text-Align

Yazılarınızı sağa, sola, ortaya veya iki yana doğru hizalar. Eğer bu kod kullanılmaz ise standart olarak tüm metinler/yazılar sola hizalı olarak gelir. Yaygın olarak iki yana hizalama kullanılır veya tercih edilir. Ama karar sizin tabi.

text-align:left;  /*Yazıyı/Metni Sola Hizalar.*/
text-align:right;  /*Yazıyı/Metni Sağa Hizalar.*/
text-align:center;  /*Yazıyı/Metni Ortaya Hizalar.*/
text-align:justify;  /*Yazıyı Metni İki Yana Yaslar.*/

CSS Kelime-Cümleleri Büyük Küçük veya İlk Harflerini Büyük Yapma | Text Transform

Yazı karakterleri standart olarak normal yazıma göre gelir. Ancak standart hale getirmek için yazılarınızın ilk harflerinin büyük veya tamamının büyük- tamamının küçük olmasını sağlayabilirsiniz. Bunun için text-transform kodu kullanılır.

text-transform:uppercase; /*Yazılar Büyük Harf Olur.*/
text-transform:lowercase; /*Yazılar Küçük Harf Olur.*/
text-transform:capitalize; /*Kelimelerin İlk Harfleri Büyük Olur.*/

CSS Metni Paragraf Başı Yapma | Text-Indent

Yaygın kullanılan bir kod olmasada sitelerde arada bir talep edilen bir koddur. Bu kod ile dilediğiniz ölçüde bir paragraf basşı yapabilirsiniz. Ancak kullandığınız şabolana göre hazırlamanız gerekiyor. .em veya ox kullanabilirsiniz.

text-indent:50px; /*Yazılar Soldan 50px ile Başlar.*/

CSS Yazıların Altını, Üstünü veya Ortasını Çizme | Text-Decoration

Bu kod azıların üstünü altını veya ortadan çizer. Text-Decoration: None ise genelde bir sayfaya link verirken kelime mavi ve altı çizili olur. Yani link görünümünde olur. Genellikle bu linkleri normale dönüştürmek için kullanılır.

text-decoration:overline; /* Yazının üst tarafı çizili Hale Gelir.*/
text-decoration:line-through;  /*Yazınızın Üzeri çizili Hale Gelir.*/
{text-decoration:underline;  /*Yazının Altı Çizili Hale Gelir.*/
text-decoration:none;   /*Yazıda Değişiklik Olmaz veya Altı Çizili ise Çizgi Kalkar.*/