Προπriedότητα white-space του CSS

  • προηγούμενη σελίδα visibility
  • Επόμενη σελίδα widows

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

Η ιδιότητα white-space ορίζει πώς θα χειρίζεται το πρόγραμμα περιήγησης τα λευκά χαρακτήρα μέσα στο στοιχείο.

Αυτή η ιδιότητα ανακοινώνει πώς θα χειρίζεται το πρόγραμμα περιήγησης τα λευκά χαρακτήρα μέσα στο στοιχείο κατά τη διαδικασία δημιουργίας της διάταξης. Οι τιμές pre-wrap και pre-line προστέθηκαν στο CSS 2.1.

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

Εκμάθηση CSS:Κείμενο CSS

Εγχειρίδιο αναφοράς HTML DOM:Ιδιότητα whiteSpace

Παράδειγμα

Ορίζει ότι το κείμενο στο παρακείμενο δεν θα αλλάζει γραμμή:

p
  {
  white-space: nowrap;
  }

Προσπάθησε να το δοκιμάσεις

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

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

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

Τιμή Περιγραφή
normal Προεπιλεγμένο. Οι λευκοί χαρακτήρες αγνοούνται από τον περιηγητή.
pre Οι λευκοί χαρακτήρες διατηρούνται από τον περιηγητή. Η συμπεριφορά τους είναι παρόμοια με την ετικέτα <pre> του HTML.
nowrap Το κείμενο δεν αλλάζει γραμμή, το κείμενο συνεχίζεται στην ίδια γραμμή μέχρι να συναντήσει το ετικέτα <br>.
pre-wrap Διατηρεί τις ακολουθίες λευκών χαρακτήρων, αλλά εκτελεί κανονικές αλλαγές γραμμής.
pre-line Συγχωνεύει τις ακολουθίες λευκών χαρακτήρων, αλλά διατηρεί τις αλλαγές γραμμής.
inherit Ορίζει ότι η τιμή της ιδιότητας white-space πρέπει να αποκτηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: normal
Εναπόληψη: yes
Έκδοση: CSS1
Γλώσσα γραφής JavaScript: object.style.whiteSpace="pre"

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

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

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

Τα αριθμητικά στοιχεία στην τάβληση σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5
  • προηγούμενη σελίδα visibility
  • Επόμενη σελίδα widows