Πρότυπο text-overflow

Ορισμός και χρήση

Η ιδιότητα text-overflow καθορίζει τι συμβαίνει όταν το κείμενο ξεπερνά το περιεχόμενο του στοιχείου.

Δείτε επίσης:

Εκμάθηση CSS3:Εφέ κειμένου CSS3

Εγχειρίδιο HTML DOM:Ιδιότητα textOverflow

Παράδειγμα

Χρήση της ιδιότητας text-overflow:

div.test
{
text-overflow:ellipsis;
}

Δοκιμάστε το شخصικά

Υπάρχουν περισσότερες παραδείγματα στο κάτω μέρος της σελίδας.

Γλώσσα γραφής CSS

text-overflow: clip|ellipsis|string;

Τιμή ιδιότητας

Τιμή Περιγραφή Δοκιμή
clip Κόψτε το κείμενο. Δοκιμή
ellipsis Εμφανίστε το εικονίδιο κόψης για να αντιπροσωπεύσετε το κείμενο που κόβεται. Δοκιμή
string Χρησιμοποιήστε τη δοθείσα αλφαβητική αλληλουσία για να αντιπροσωπεύσετε το κείμενο που κόβεται.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: clip
Κληρονομικότητα: no
Έκδοση: CSS3
Γλώσσα γραφής JavaScript: object.style.textOverflow="ellipsis"

Περισσότερες παραδείγματα

Text-overflow με hover εφέ
Αυτό το παράδειγμα δείχνει πώς εμφανίζεται ο πλήρης κείμενο όταν ο δείκτης αναπαράστασης κινείται πάνω στο στοιχείο.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τаблицα σημαίνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.

Τα αριθμήματα με -o- δείχνουν την πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-