css text-indent, Yazıdaki ilk paragrafın başlangıç boşluğunu belirlemek için kullanırız. Haber sitelerinde ve makalelerde sık kullanılan bir özelliktir.
Aldığı parametreler:
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:100px;
border: 1px solid gray;
}
.one { text-indent: 5px; }
.two { text-indent: 30px; }
.three { text-indent: 50%; }
</style>
<body>
<div class="one">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor, nisi?
</div>
<div class="two">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure, sunt!
</div>
<div class="three">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, corrupti!
</div>
</body>
</html>Html çıktısı :
Başka bir yazımızda görüşmek üzere…
