CSS TEXT ÖZELLİKLERİ

HTML CSS de yazıların biçimini düzenlemek için birçok özellik vardır. Metinlerin yazı tipini, rengini, altı çizili olup olmamasını, arkaplan rengini, eğik, düz kalın olmasını, yazı büyüklüğünü ve daha çok sayıda özelliği Css ile ayarlayabilirsiniz.


Aşağıda bir metin tagına tanımlı class’ı görüyorsunuz. Bu class ile ortaya çıkan yazı biçimini ve her özelliğin ne ile ilgili olduğu aşağıda açıklanmış yazı sonunda bir örnek uygulama verilmiştir.


      .tekst1
        {
            color:#ffd800;
            font-size:14pt;
            font-weight:bold;
            font-style:italic;
            font-family:Verdana;
            text-align:justify;

        }


color: yazı rengini belirler, önüne # konularak hexadecimal sistemde yazılmıştır. Aşağıdaki örnekte normal yazım tarzı görülüyor.

        color:red;

Yazı rengini aşağıdaki şekildede belirleyebiliriz en sondaki değer opaklık değeridir.

        color:rgba(15, 62, 42, 0.86);


font-size: Yazı büyüklüğünü belirler yukarıdaki örnekte 14 pt alınmıştır. Yazı büyüklüğü aşağıdaki şekildede kullanılabilir.

font-size:95%;

Yukarıdaki biçim yazıyı % olarak verecektir. Varsayılan web sitesi yazı boyutu 12pt dir. Eğer bunu değiştirmezseniz 12pt yazı boyutunun % kısmı olarak ayarlar.

Font-weight : Yazı kalınlığı bu özellikle ayarlanır. 100 ile 900 arası sayısal değer alabilir. Ayrıca bold, bolder, normal, lighter olarak ayarlayabilirsiniz.

font-style : Yazıyı eğik veya düz yazmayı sağlar. İtalic yapılırsa eğik yazar.

Font-family : Yazı tipini belirler. En çok kullanılan yazı tipleri; Helvetica, Arial, Verdana, sans-serif, Tahoma, Times New Roman dır.

text-align : Bu özellik yazının içinde bulunduğu katmana göre nasıl konumlanacağını belirler. left yaparsak sola dayalı olur, right yapılırsa sağa dayalı olur. justify seçeneği iki yana yaslayarak sayfayı tam doldurmasını sağlar, center seçeneği yazıyı ortalar.

text-indent : Bu özellik yazının içinde yer alacağı üst katmana yazılır. Paragraf başı yapıldığında yazının ne kadar içeriden başlayacağını belirler. Aşağıdaki kod paragrafı 5px içeriden başlatacaktır.

        text-indent:5px;

opacity : Bu özellik yazının transparanlığını ayarlar. 0 ile 1 arasında değer alır. 0’a yaklaştıkça yazının görünürlüğü azalır.


        <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .Divcss
        {
            width:425px;
            background:#066021;
            height:300px;
            margin:200px;
            text-indent:10px;
        }
        .tekst1
        {
            color:#ffd800;
            font-size:14pt;
            font-weight:bold;
            font-style:initial;
            font-family:Verdana;
            text-align:justify;
        }
    </style>
</head>
<body>
    <div class="Divcss">
        <span class="tekst1">Türkiye'nin En büyük Gölü Van Gölüdür ve
     Ülkenin doğusunda yer alır. Türkiye'nin En büyük Nehri Fırat Nehridir 
    ve ülkenin Doğusundan Geçer</span>
    </div>
</body>
</html>




SANATSAL BİLGİ

01/09/2016

  • YORUM YAZ
  • ADI SOYADI(veya nick)
  • YORUM

  • BİLGİSAYAR - ELEKTRİK
  • YGS - LYS KONULARI
  • 8. SINIF
  • 7. SINIF
  • 6. SINIF
  • GENEL MATEMATİK
  • BİRİM ÇEVİRİCİLER
COPYRIGHT© HER HAKKI SAKLIDIR
Sitede Yer Alan Bilgi Belge Ve Materyallerin İzinsiz olarak Kopyalanması ve Alıntılanması Yasaktır

SANATSAL BILGI