Width CSS

  • προηγούμενη σελίδα widows
  • επόμενη σελίδα word-break

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

Το χαρακτηριστικό width ορίζει το πλάτος του στοιχείου.

Περιγραφή

Αυτό το χαρακτηριστικό ορίζει το πλάτος της περιοχής περιεχομένου του στοιχείου, εκτός από την περιοχή περιεχομένου μπορεί να προσθέσει εσωτερικό περιθώριο, όριο και εξωτερικό περιθώριο.

Οι γραμμικοί μη αντικαταστάσιμοι στοιχεία αγνοούν αυτό το χαρακτηριστικό.

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

Εκμάθηση CSSΜέγεθος CSS

Εκμάθηση CSSΕισαγωγή στο μοντέλο φακέλου CSS

Εγχειρίδιο CSSΧαρακτηριστικό height

Εγχειρίδιο HTML DOMΧαρακτηριστικό width

Παράδειγμα

Ρύθμιση του ύψους και του πλάτους του παραγράφου:

p
  {
  height:100px;
  width:100px;
  }

Δοκιμάστε το προσωπικά

Γλώσσα γραφείου CSS

width: auto|value|initial|inherit;

Τιμή χαρακτηριστικού

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Ο περιηγητής μπορεί να υπολογίσει το πραγματικό πλάτος.
length Χρησιμοποιήστε μονάδες όπως px, cm για να ορίσετε το πλάτος.
% Ορίζει το ποσοστό πλάτους βασισμένο στο πλάτος του περιεχομένου (γονικό στοιχείο).
inherit Ορίζει ότι η τιμή του χαρακτηριστικού width πρέπει να κληθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: auto
Πρόκληση: no
Έκδοση: CSS1
Γλώσσα γραφείου JavaScript: object.style.width="50px"

Παράδειγμα TIY

Ρύθμιση του πλάτους του στοιχείου με τιμή σε pixel
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε την τιμή σε pixel για να ρυθμίσετε το πλάτος του στοιχείου.
Ρύθμιση του πλάτους του στοιχείου με ποσοστό
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το ποσοστό για να ρυθμίσετε το πλάτος του στοιχείου.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5
  • προηγούμενη σελίδα widows
  • επόμενη σελίδα word-break