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 (%).
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
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…