Z pomocą selektora text-indent możemy dokonać wcięć akapitowych czyli dodawać odstęp w pierwszej linijce tekstu na stronie internetowej. Właściwość ta przyjmuje wartości liczbowe (px, pt, em), procentowe (%).
Co to jest wcięcie w akapitowe?
Wcięcie akapitowe w tekście to dodatkowy odstęp pojawiający się w pierwszej linijce od lewego bloku.
Przykładowa deklaracja:
p {
text-indent: 40px;
}Jak to wygląda w praktyce:
Uzyskanie takiego efektu jest bardzo proste. Wystarczy w CSS dodać na akapit odpowiednią cechę. tekst z wcięciem na samym początku. By uzyskać taki efekt przy małej ilości tekstu szerokość kontenera została ograniczona.
See the Pen Akapit by Aura (@Julka85) on CodePen.
Właściwość jest obsługiwana praktycznie przez wszystkie przeglądarki internetowe.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
| text-indent | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Źródło:
https://www.w3schools.com/cssref/pr_text_text-indent.asp
http://how2html.pl/text-indent-css/
dodatkowe tagi:
dodawanie tab na początku akapitu czyli wcięcia
strona, witryna internetowa
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.