css line-height nedir? Nerede Kullanırız?

css line-height, yazıda satır yüksekliğini belirlemek için kullanılır. Bu özellik çok kullandığımız bir özelliktir.

Aldığı parametreler:
normal : Normal.
number : Rakam değeri
length : Uzunluk Değeri.
% : Yüzde değeri.
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.

Örnek :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        div { 
            width: 200px; 
            height: 120px; 
            border: 1px solid gray;
        }
       .one { line-height: normal;} 
       .two { line-height: 2;} /* number değeri */
       .three { line-height: 40px;} /* length değeri */
       .four { line-height: 80%;} /* yüzde değeri */
    </style>
<body>
    <div class="one"> 
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>  
    </div>
    <div class="two"> 
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>  
    </div>
    <div class="three"> 
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>  
    </div>
    <div class="four"> 
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>
        Tasarım ve Yazılım  <br>  
    </div>    
</body>
</html>

Html çıktısı :

css line-height

Başka bir yazımızda görüşmek üzere…

Leave a Reply