CSS max-width ιδιότητα

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

Το max-width ορίζει τη μέγιστη διάσταση του στοιχείου.

Επεξήγηση

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

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

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

Εγχειρίδιο CSSCSS min-width ιδιότητα

Εγχειρίδιο HTML DOMΑτрибούτο maxWidth

Παράδειγμα

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

p
  {
  max-width:100px;
  }

Προσωπική δοκιμή

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

max-width: none|length|initial|inherit;

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

Τιμή Περιγραφή
none Προεπιλεγμένη. Ορίζει ότι δεν υπάρχει περιορισμός στη μέγιστη πλάτος του στοιχείου.
length Ορίζει την τιμή της μέγιστης πλάτους του στοιχείου.
% Ορίζει την ποσοστιαία μέγιστη πλάτος του στοιχείου που περιέχεται από το κλασικό αντικείμενο.
inherit Ορίζεται ότι η τιμή του max-width θα πρέπει να προέρχεται από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: none
Προσάρτηση: no
Έκδοση: CSS2
Γλώσσα γραφής JavaScript: object.style.maxWidth="50px"

Προσωπική δοκιμή (TIY) παράδειγμα

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

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0