CSS text-indent kullanımı

CSS özelliklerinden biri olan text-indent paragrafta soldan içeriye doğru girinti vermemizi sağlar.

text-indent kullanımı

<div class="a">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>

<div class="b">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>

<div class="c">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
div.a {
  text-indent: 50px;
}

div.b {
  text-indent: -2em;
}

div.c {
  text-indent: 30%;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tarayıcı Desteği

Property
text-indent 1.0 3.0 1.0 1.0 3.5
348 Views
58920cookie-checkCSS text-indent kullanımı

Leave a Reply

Your email address will not be published. Required fields are marked *