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
Tanulj meg kódolni Larával
Sajátítsd el a programozási alapokat lépésről lépésre az interaktív AI tutorod segítségével. Lara elmagyarázza a komplex logikát, átnézi a gyakorló feladataidat, és segít szilárd alapokat építeni a szoftverfejlesztésben.
Interaktív kódolási leckék a saját tempódra szabva.
Tanulás indítása LarávalCSS 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.