कार्यवाहक - सीएसएस-ट्रिक्स

विषय - सूची

caretसीएसएस में एक आशुलिपि संपत्ति है जो एक घोषणा में गुणों caret-colorऔर caret-shapeगुणों को जोड़ती है । इसलिए, हमें यह लिखना है:

.element ( caret: #ff7a18 underscore; )

... जो यह लिखने के लिए समान है:

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

जब आप कैरेट का रंग और आकार बदलना चाहते हैं तो यह एक अच्छा शॉर्टकट है। और क्या परवाह है, आप पूछते हैं? एक संपादन योग्य तत्व, जैसे कि पाठ इनपुट या टेक्स्टारिया में टाइप करते समय आप शायद सबसे अधिक परिचित होते हैं। मैं इस पोस्ट को वर्डप्रेस में टाइप कर रहा हूं, जो मूल रूप से एक विशालकाय फॉर्म फील्ड है, और यह मेरे द्वारा पलक झपकते देखती है।

तो, की स्थापना द्वारा 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;

ब्राउज़र का समर्थन

फिलहाल कोई नहीं। संपत्ति को शुरू में सीएसएस बेसिक यूजर इंटरफेस मॉड्यूल लेवल 4 विनिर्देश में परिभाषित किया गया है, जो वर्तमान में संपादक के ड्राफ्ट में है। इसका मतलब है कि अभी भी बदलाव के लिए जगह बाकी है और जब यह ब्राउज़रों को लागू करने के लिए एक सिफारिश बन जाती है।

इस बीच, हम caretकुछ अन्य सीएसएस जादू के साथ संपत्ति को "नकली" सॉर्ट कर सकते हैं।

संबंधित गुण

27 जनवरी, 2021 को पंचांग

रंग-रोगन

.element ( caret-color: red; ) ज्योफ ग्राहम

दिलचस्प लेख...