Χαρακτηριστικό clip του style

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

clip Προσαρμογή ή επιστροφή του τμήματος του στοιχείου που είναι ορατό.

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

Εκμάθηση CSS:Προσαρμογή CSS

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

Παράδειγμα

Παράδειγμα 1

Κατακρύπτωση της εικόνας στο καθορισμένο σχήμα:

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

Προσπάθησε το εαυτό σου

Παράδειγμα 2

Επιστροφή του χαρακτηριστικού clip:

alert(document.getElementById("myImg").style.clip);

Προσπάθησε το εαυτό σου

Γλώσσα

Επιστροφή του χαρακτηριστικού clip:

object.style.clip

Ρύθμιση του χαρακτηριστικού clip:

object.style.clip = "auto|rect(πάνω δεξιά κάτω αριστερά)|initial|inherit"

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

Τιμή Περιγραφή
auto Προεπιλογή. Δεν κατακρύπτει το στοιχείο.
rect(πάνω δεξιά κάτω αριστερά) Κατακρύπτωση σχήματος καθορισμένου από τέσσερις συντεταγμένες.
initial Άλλαξε αυτό το χαρακτηριστικό στην προεπιλεγμένη τιμή του. Δείτε επίσης initial
inherit Απόκτησε αυτό το χαρακτηριστικό από το γονικό στοιχείο. Δείτε επίσης inherit

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

Προεπιλογή τιμή: χωρίς
Αποτελεσματικότητα: Ακολουθεί η αλφαβητική σειρά των στοιχείων που θα μετατραπούν σε γράμματα.
Έκδοση CSS: CSS2

Υποστήριξη Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη