HTML satır aralığı ayarlama

<html>
<head>
    <title>CSS Satır Aralığı Line-height Kullanımı</title>
 
<style>
p.a {
  line-height: normal;
}
 
p.b {
  line-height: 1.6;
}
 
p.c {
  line-height: 45px;
}
 
p.d {
  line-height: 200%;
}
 
p.e {
 line-height: inherit;
}
 
p.f {
line-height: initial;
}
 
p.g {
 line-height: unset;
}
 
p.h { 
line-height: 3em;
}
 
</style>
 
</head>
<body>
<h1 style="color:red";>Satır Aralığı line-height Tüm Örnekleri</h1>
 
<h2>line-height: normal; | Normal Kullanımı</h2>
<p class="a">Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığı Normal Büyüklüğünde.</p>
 
<h2>line-height: 1.6; | Doğrudan Kullanımı</h2>
<p class="b">Bu metin satır aralığı örneğidir (line-height)<br>
Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığı 1.6 Büyüklüğünde.</p>
 
<h2> line-height:45px; | Pixel kullanımı</h2>
<p class="c">Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığı 45px Büyüklüğünde.</p>
 
<h2> line-height: 200%; | Yüzdeli kullanımı</h2>
<p class="d">Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığı 200% Büyüklüğünde.</p>
 
<h2>line-height: inherit; | inherit Kullanımı</h2>
<p class="e">Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığında inherit Kullanılmıştır.</p>
 
<h2>line-height: initial; | initial Kullanımı</h2>
<p class="f">Bu metin satır aralığı örneğidir (line-height)<br>
TBu Satır Aralığında initial Kullanılmıştır.</p>
 
<h2>line-height: unset;  | unset Kullanımı</h2>
<p class="g">Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığında unset Kullanılmıştır. </p>
 
<h2>line-height: 3em;  | em Kullanımı</h2>
<p class="h">Bu metin satır aralığı örneğidir (line-height)<br>
Bu Satır Aralığı 3em Büyüklüğünde.</p>
</body>
</html>

CSS Satır Aralığı Line-height Kullanımı

Satır Aralığı line-height Tüm Örnekleri

line-height: normal; | Normal Kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığı Normal Büyüklüğünde.

line-height: 1.6; | Doğrudan Kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığı 1.6 Büyüklüğünde.

line-height:45px; | Pixel kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığı 45px Büyüklüğünde.

line-height: 200%; | Yüzdeli kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığı 200% Büyüklüğünde.

line-height: inherit; | inherit Kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığında inherit Kullanılmıştır.

line-height: initial; | initial Kullanımı

Bu metin satır aralığı örneğidir (line-height)
TBu Satır Aralığında initial Kullanılmıştır.

line-height: unset; | unset Kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığında unset Kullanılmıştır.

line-height: 3em; | em Kullanımı

Bu metin satır aralığı örneğidir (line-height)
Bu Satır Aralığı 3em Büyüklüğünde.

Css Satır Aralığı – Satır Arası Boşluk Ayarlama | Furkan DEMİRCİ (furkandemirci.com)
Alıntıdır.

Arif Akyüz
İçerik Üreticisi & Siber Güvenlik Uzmanı
[email protected]