CSS

HTML

COMPONENTS

CODE HUB

CSS Text Indent Generátor

Konfiguráció

Hosszúság

Osztály

Előnézet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kód

ReadyTools Academy

Tanulj HTML-t, CSS-t és JavaScriptet teljesen ingyen a ReadyTools Academy keretében.

Kövesd a tanulásodat, fejlődj a saját tempódban, és szórakozz közben! 🎯

Kezdj bele

CSS Text Indent Generátor

A CSS-ben a text-indent tulajdonság a szöveg első sorának behúzását szabályozza egy blokkszintű elemen belül. Lehetővé teszi annak megadását, hogy a szöveg első sora milyen távolságra legyen behúzva a bal oldali margótól, illetve bizonyos esetekben a jobb oldali margótól.

A text-indent tulajdonság használatának alapvető szintaxisa a következő:

.text-indent-element { text-indent: 20px; }

Ebben a példában:

  • A .text-indent-element osztály a szöveg első sorának behúzását 20 pixelre állítja be. Használhat más hosszegységeket is, például ems vagy százalékos értékeket.

Negatív értékeket is használhat függő behúzások létrehozásához, amikor az első sor a szöveg többi részétől balra kerül behúzásra. Például:

.hanging-indent-element { text-indent: -20px; }

A text-indent tulajdonságot általában bekezdések, idézőjelek vagy más tömbszintű szövegelemek formázására használják, hogy a szöveget vizuálisan vonzóbbá tegyék, vagy az első sor megfelelő behúzásának beállításával javítsák az olvashatóságot.