Χαλί - CSS-Κόλπα

Πίνακας περιεχομένων

caretστο CSS είναι μια στενή ιδιότητα που συνδυάζει το caret-colorκαι τις caret-shapeιδιότητες σε μία μόνο δήλωση. Λοιπόν, γράφουμε αυτό:

.element ( caret: #ff7a18 underscore; )

… Που μοιάζει με αυτό που γράφω:

.element ( caret-color: #ff7a18; caret-shape: underscore; )

Αυτή είναι μια ωραία συντόμευση όταν θέλετε να αλλάξετε το χρώμα και το σχήμα ενός καρέ. Και τι είναι ένα χαλί, ρωτάτε; Πιθανότατα είστε πιο εξοικειωμένοι όταν το βλέπετε όταν πληκτρολογείτε σε ένα επεξεργάσιμο στοιχείο, όπως εισαγωγή κειμένου ή κείμενο Πληκτρολογώ αυτήν την ανάρτηση στο WordPress, το οποίο είναι βασικά ένα τεράστιο πεδίο φόρμας, και αυτό είναι το caret που βλέπω να αναβοσβήνει:

Έτσι, ορίζοντας το caret-color, ας πούμε, #ff7a18και το caret-shapeσε κάτι σαν underscore, θα περιμέναμε να δούμε κάτι σαν αυτό:

Σύνταξη

caret: ||

Η σύνταξη μπορεί να πάρει τη μία ή την άλλη τιμή ... ή και τα δύο! Εάν μια τιμή είναι κενή, τότε χρησιμοποιείται η αρχική της τιμή, η οποία είναι και autoγια τις δύο ιδιότητες συστατικών.

Αρχικός: auto
Ισχύει για: στοιχεία που δέχονται εισαγωγή
Κληρονομικό: ναι
Ποσοστά: n / a
Υπολογισμένη τιμή: δείτε μεμονωμένες ιδιότητες
Τύπος κινούμενης εικόνας: δεν κινείται

Αξίες

caret: #ff7a18 underscore; caret: yellow block; caret: hsla(50, 100%, 50%, 0.75) bar; /* Keyword color values */ caret: auto; caret: transparent block; caret: currentcolor underscore; /* Global values */ caret: inherit; caret: initial; caret: unset;

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

Κανένα προς το παρόν. Η ιδιότητα ορίζεται αρχικά στην προδιαγραφή CSS Basic User Interface Module Level 4, η οποία βρίσκεται επί του παρόντος στο Πρόχειρο του Editor. Αυτό σημαίνει ότι υπάρχει ακόμη περιθώριο για αλλαγές που πρέπει να γίνουν από τώρα μέχρι που γίνεται σύσταση για την εφαρμογή προγραμμάτων περιήγησης.

Στο μεταξύ, μπορούμε να «ψεύσουμε» το caretακίνητο με κάποια άλλη μαγεία CSS.