CSS
HTML
COMPONENTS
CODE HUB
CSS Letter Spacing 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 beleCSS Letter Spacing generátor
A CSS-ben a Letter Spacing tulajdonság a szövegben a karakterek (betűk) közötti távolság szabályozására szolgál. Lehetővé teszi az egyes karakterek közötti távolság beállítását egy szövegelemen belül, ami hasznos lehet különböző tipográfiai hatások eléréséhez vagy a szöveg olvashatóságának javításához.
A Letter Spacing tulajdonság használatának alapvető szintaxisa a következő:
.text-element {
letter-spacing: 2px;
}
Ebben a példában:
- A .text-element osztály az elemen belüli szöveg betűközét 2 pixelre állítja be. Használhat más egységeket is, például ems vagy százalékos értékeket.
Negatív értékeket is használhat, hogy csökkentse a karakterek közötti távolságot, vagy közelebb hozza őket egymáshoz:
.text-element {
letter-spacing: -1px;
}
A betűtávolság tulajdonság különösen hasznos a fejlécek, címek vagy más szövegelemek távolságának beállításához, hogy elérje a konkrét tervezési célokat, javítsa az olvashatóságot vagy egyedi vizuális hatásokat hozzon létre.