A text-overflow tulajdonság a CSS-ben olyan helyzetekkel foglalkozik, amikor a szöveget levágják, amikor túlcsordítja az elem mezőjét. Lehet nyírni (azaz levágni, elrejteni), megjeleníteni egy ellipszist (…, Unicode tartomány értéke U + 2026) vagy megjeleníteni egy szerző által definiált karakterláncot (a böngésző nem támogatja a szerző által definiált karakterláncokat).
Ne feledje, hogy az text-overflow csak akkor fordul elő, ha a tároló overflow tulajdonságának értéke hidden, scroll vagy auto és white-space: nowrap;.
A szöveg túlcsordulása csak blokk vagy inline blokk szintű elemeken fordulhat elő, mert az elemnek szélességűnek kell lennie ahhoz, hogy túlcsorduljon. A túlcsordulás az iránytulajdonság vagy a kapcsolódó attribútumok által meghatározott irányban történik.
A következő bemutató az text-overflow tulajdonság viselkedését jeleníti meg, beleértve az összes lehetséges értéket. A böngésző támogatása változó!
A – scroll vagy auto gördítősávot jelenít meg a további szöveg feltárásához, míg >
nem fog. A rejtett szöveget az ellipszisek kiválasztásával választhatjuk ki.
Régi dolgok
A specifikáció régi verziója szerint az ellipszishez egy kép URL-jét használhatja, de úgy néz ki ha ezt elvetették.
Kétértékű szintaxis létezik, pl text-overflow: ellipsis ellipsis;, amely szabályozná a túlfolyást ugyanazon tároló bal és jobb oldalán. Nem vagyok biztos benne, hogy ezt hogyan lehetne elérni. Talán középre helyezett szöveg egy túl kicsi tárolóban? Az új specifikáció szerint ez, valamint a karaktersorozat definiálása “veszélyben van”.
Nem tudom, honnan jött a ellipsis-word. Nincs benne a specifikáció vagy más, a WebPlatform.org webhelyen kívül található dokumentáció.
A text-overflow tulajdonság korábban a és text-overflow-ellipsis, de már nem, és ezek a különálló tulajdonságok nem léteznek.
Kapcsolódó tulajdonságok
-
white-space -
overflow -
word-break -
width