Η Understandng Ακινήτου Κλιπ CSS
Γιατί θέλω να το καταλάβετε αυτό? Humm ...!
Οι περισσότεροι συγγραφείς του CSS, θα συμφωνήσουν ότι το CSS ιδιοκτησία Clip είναι πιθανώς μια από τις πιο διαδεδομένες un ιδιότητες CSS. Ήταν τόσο αληθινό για μένα πάρα πολύ και ήταν πιο ευτυχής να το παραμελούν, μέχρι που άρχισε να τροποποιεί το Mootools ΔΥΟ Κουμπί (Pin) Component Slider (με Δείκτη Range) .
Υπήρξε μια καλή πρόταση από έναν από τους χρήστες συστατικό για την τροποποίηση του στοιχείου Δρομέας χρησιμοποιώντας ψαλιδίζεται backgroud εικόνες (έναντι μεταβλητού τμήματος πλάτος) για να δείξει το εύρος ρυθμιστικό. Έτσι, ήρθε η ώρα μου να εισέλθουν στην διασκέδαση, αλλά un-ναυλωμένο (για μένα φυσικά) νερά του ακινήτου Clip CSS.
Καλά! πόσο δύσκολο μπορεί να είναι; Όχι πολύ καθόλου ... ΝΑΙ και του ΟΧΙ. Η σύνταξη να χρησιμοποιήσει το ακίνητο Κλιπ CSS είναι αρκετά όρθια θέση, αλλά η έννοια / usuage είναι λίγο croocked. Με μια μνήμη όπως η δική μου, κάθε φορά που κάθομαι να επαναλάβει στο Σενάριο Slider μου ... Έχω tokeep παραπέμποντας με τη χρήση αυτού του ακινήτου CLIP, να θυμηθώ τη λογική που έχω δημιουργήσει στο σενάριό μου .... Ως εκ τούτου! πιστεύεται ότι πένα προς τα κάτω, με την ελπίδα να θυμόμαστε ότι το μέλλον (αλλά και προς όφελος εκείνων που φαίνονται σε σύγχυση από την Ακινήτου Κλιπ CSS)
Τι CSS Κλιπ κάνει;
Clip είναι μέρος του οπτικού μονάδα εφέ του CSS 2.1. Με απλά λόγια, η δουλειά του είναι να τοποθετήσετε ένα ορατό παράθυρο πάνω από ένα αντικείμενο που ψαλιδίζεται, ως εκ τούτου, ψαλίδισμα εικόνες και δημιουργώντας μικρογραφίες χωρίς να χρειάζεται να δημιουργήσουν επιπλέον αρχεία (έχω ήδη θέσει αυτό το χαρακτηριστικό για την καλύτερη χρήση του στοιχείου Slider 
)
Χρησιμοποιώντας την ιδιότητα Κλιπ CSS, μπορείτε να δημιουργήσετε ένα απόκομμα με το σχήμα ορθ. Όπως και πολλές άλλες ιδιότητες CSS (όπως περιθώριο, padding κλπ), χρησιμοποιώντας RECT απαιτεί τέσσερις συντεταγμένες Επάνω, Δεξιά, Κάτω, Αριστερά (TRBL). Η croocked χαρακτήρα της ιδιοκτησίας αντικατοπτρίζει όταν ρίξετε μια πιο προσεκτική ματιά στο πώς κλιπ υπολογίζει την περιοχή αποκοπής, χρησιμοποιώντας αυτές τις τέσσερις συντεταγμένες (εγκέφαλος στέλνει σε μια κλήρωση για ένα διάστημα). Τώρα να σας μπερδέψει το κάτω μέρος ξεκινά από την κορυφή, και το δικαίωμα ξεκινά από την αριστερή. . Βλέπετε τι είπα; .... Ως εκ τούτου, αυτό το post ...
Αυτή η μικρή σύγχυση μπορεί εύκολα να εξαφανιστεί, με αυτή την οπτική επεξήγηση του CSS Κλιπ / RECT ιδιοκτησίας, όπως παρακάτω!
Απαιτήσεις CSS Κλιπ
Το έργο που έχουμε ξεκινήσει είναι να περιορίσει την ακόλουθη εικόνα μικρογραφίας σε μια τετραγωνισμένη εικόνα που αναζητούν (και επίσης μία ευρεία γωνίας της εικόνας)
 |  |
| Αρχικό Thumbnal / εικόνας | Απαιτήσεις για Clip Sqaure Thumbmail |
CSS Αποτελέσματα Κλιπ
