<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>
<br>
<h3>Daha İyileri <a href="http://furkandemirci.com">Burada</a></h3>
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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.