Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS रूपरेखा-शैली की संपत्ति


रूपरेखा-शैली गुण उस रेखा के लिए शैली निर्दिष्ट करता है जो किसी तत्व के चारों ओर जाती है। यह निम्न में से कोई एक मान ले सकता है -

  • कोई नहीं - कोई सीमा नहीं। (आउटलाइन-चौड़ाई के बराबर:0;)
  • ठोस - रूपरेखा एक ठोस रेखा है।
  • बिंदीदार - रूपरेखा बिंदुओं की एक श्रृंखला है।
  • धराशायी - रूपरेखा छोटी पंक्तियों की एक श्रृंखला है।
  • डबल - रूपरेखा दो ठोस रेखाएँ हैं।
  • नाली - बाह्यरेखा ऐसा लगता है मानो इसे पृष्ठ में उकेरा गया हो।
  • रिज - रूपरेखा खांचे के विपरीत दिखती है।
  • इनसेट - Outline बॉक्स को ऐसा दिखता है जैसे वह पेज में एम्बेड किया गया हो।
  • शुरुआत - रूपरेखा बॉक्स को ऐसा बनाती है जैसे वह कैनवास से बाहर आ रहा है।
  • छिपा हुआ - किसी के समान नहीं।

उदाहरण

आप रूपरेखा-शैली को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति -

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   </body>
</html>

  1. सीएसएस रूपरेखा

    जब आप एक वेब तत्व डिजाइन कर रहे हों, तो आप यह तय कर सकते हैं कि आप पृष्ठ पर तत्व के चारों ओर एक रूपरेखा दिखाना चाहते हैं। उदाहरण के लिए, यदि आप एक बॉक्स डिज़ाइन कर रहे हैं जिसे आप हाइलाइट करना चाहते हैं, तो आप तत्व पर ध्यान आकर्षित करने के लिए बॉक्स के चारों ओर एक रंगीन रूपरेखा जोड़ना चाह सकते हैं।

  1. CSS में रूपरेखा-शैली की संपत्ति

    रूपरेखा-शैली की संपत्ति को तत्व की सीमाओं के चारों ओर एक रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा सीमा संपत्ति के विपरीत तत्व के आयामों का हिस्सा नहीं है। सिंटैक्स CSS आउटलाइन-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { रूपरेखा-शैली:/*value*/} उदाहरण आइए रूपरेखा-शैली .

  1. सीएसएस में रूपरेखा आशुलिपि संपत्ति

    आउटलाइन शॉर्टहैंड प्रॉपर्टी को तत्व की सीमाओं के चारों ओर विशिष्ट शैली (आवश्यक), मोटाई और रंग की एक रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा सीमा संपत्ति के विपरीत तत्व के आयामों का हिस्सा नहीं है। सिंटैक्स CSS आउटलाइन शॉर्टहैंड प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { रूपर