CSS
रूपरेखा

वाक्य - विन्यास

• रूपरेखा: रूपरेखा-रंग रूपरेखा-शैली रूपरेखा-चौड़ाई | प्रारंभिक | वारिस;
• रूपरेखा-चौड़ाई: मध्यम | पतली | मोटी | लंबाई | प्रारंभिक | वारिस;
• रूपरेखा-शैली: कोई नहीं | छिपा हुआ | बिंदीदार | धराशायी | ठोस | डबल | नाली | रिज | इनसेट | शुरुआत | प्रारंभिक | वारिस;

पैरामीटर

टिप्पणियों

अवलोकन

रूपरेखा एक रेखा है जो तत्व के चारों ओर, सीमा के बाहर जाती है। border विपरीत, रूपरेखा बॉक्स मॉडल में कोई स्थान नहीं लेती है। इसलिए किसी तत्व में रूपरेखा जोड़ने से तत्व या अन्य तत्वों की स्थिति प्रभावित नहीं होती है।

इसके अलावा, कुछ ब्राउज़रों में रूपरेखा गैर-आयताकार हो सकती है। यह तब हो सकता है जब outline एक span एलिमेंट पर लागू होता है जिसमें टेक्स्ट को इसके अंदर अलग font-size अलग font-size गुणों के साथ लिखा गया है। सीमाओं के विपरीत, रूपरेखा में गोल कोने नहीं हो सकते ।

outline आवश्यक भाग outline-color , outline-style और outline-width ।

एक रूपरेखा की परिभाषा एक सीमा की परिभाषा के बराबर है:

एक रूपरेखा एक तत्व के चारों ओर एक रेखा है। यह तत्व के मार्जिन के आसपास प्रदर्शित होता है। हालांकि, यह सीमा संपत्ति से अलग है।

outline: 1px solid black;

रूपरेखा शैली

outline-style संपत्ति का उपयोग किसी तत्व की रूपरेखा की शैली को सेट करने के लिए किया जाता है।

p {
  border: 1px solid black;
  outline-color:blue;
  line-height:30px;
}
.p1{
  outline-style: dotted;
}
.p2{
  outline-style: dashed;
}
.p3{
  outline-style: solid;
}
.p4{
  outline-style: double;
}
.p5{
  outline-style: groove;
}
.p6{
  outline-style: ridge;
}
.p7{
  outline-style: inset;
}
.p8{
  outline-style: outset;
}

एचटीएमएल

<p class="p1">A dotted outline</p>
<p class="p2">A dashed outline</p>
<p class="p3">A solid outline</p>
<p class="p4">A double outline</p>
<p class="p5">A groove outline</p>
<p class="p6">A ridge outline</p>
<p class="p7">An inset outline</p>
<p class="p8">An outset outline</p>