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ı :
Başka bir yazımızda görüşmek üzere…
