CSS clip attribute

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

Κόπωση χαρακτηριστικού clip για στοιχεία αμετάκλητης τοποθεσίας

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

Σημείωση

Αυτή η ιδιότητα χρησιμοποιείται για να καθορίσει έναν κόψιμο ορθογώνιο. Για έναν αμετάκλητο ορισμένο στοιχείο, το περιεχόμενο μέσα σε αυτόν τον κόψιμο ορθογώνιο είναι ορατό. Το περιεχόμενο εκτός αυτής της περιοχής κόψιμου θα χειριστείται ανάλογα με την τιμή του overflow. Η περιοχή κόψιμου μπορεί να είναι μεγαλύτερη ή μικρότερη από το περιεχόμενο του στοιχείου.

Επίσης δείτε:

Εκμάθηση CSSΘέση CSS

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

παράδειγμα

Κοπή εικόνας:

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

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

Γλώσσα γραμματοσειράς CSS

clip: auto|μορφή|initial|inherit;

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

τιμή περιγραφή
μορφή Ρύθμιση της μορφής του στοιχείου. Η μοναδική νόμιμη τιμή μορφής είναι: rect (άνω, δεξιά, κάτω, αριστερά)
auto Προεπιλεγμένη τιμή. Δεν εφαρμόζεται καμία κόπωση.
inherit Καθορίζει ότι η τιμή του χαρακτηριστικού clip θα πρέπει να κληθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: auto
Αντιληπσιμότητα: no
Έκδοση: CSS2
Γλώσσα γραμματοσειράς JavaScript: object.style.clip="rect(0px,50px,50px,0px)"

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

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

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

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

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