CSS

HTML

COMPONENTS

CODE HUB

CSS Text Align Generator

Konfiguráció

Szöveg igazítása

Osztály

Előnézet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Kód

border: 1px solid #000000;

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! 🎯

Tanulás kezdése ingyen

CSS Text Align Generator

A CSS-ben a text-align tulajdonság a HTML-elemen belüli szöveg vízszintes igazításának szabályozására szolgál. Lehetővé teszi annak meghatározását, hogy a szöveg balra, jobbra, középre, igazítottan (a szélességben elosztva) vagy a felhasználó helyspecifikus igazítása szerint legyen-e igazítva.

A text-align tulajdonság általános értékei a következők:

left: A szöveg az elem bal oldalára van igazítva.

.text-left { text-align: left; }

right: A szöveg az elem jobb oldalára van igazítva.

.text-right { text-align: right; }

center: A szöveg az elem jobb oldalára van igazítva.

.text-center { text-align: center; }

justify: A szöveg egyenletesen oszlik el az elem szélességében, mindkét oldalon egyenes élekkel.

.text-justify { text-align: justify; }

start és end: Ezek az értékek jellemzően a helyspecifikus szövegigazításhoz használatosak, biztosítva, hogy a szöveg az adott nyelv írásirányának elejéhez vagy végéhez igazodjon. A balról jobbra haladó nyelvek esetében a start a bal oldali, az end pedig a jobb oldali nyelvnek felel meg.

.text-start { text-align: start; }

A text-align tulajdonságot különböző HTML-elemekre, például bekezdésekre(p), címsorokra(h1, h2) és más szövegtartalmú elemekre alkalmazhatja. Segítségével szabályozhatja a szöveg vízszintes igazítását ezeken az elemeken belül, így elérheti a weboldal tartalmának kívánt elrendezését és formázását.