आउटलाइन-स्टाइल गुण
outline-style गुण बाहरी रूपरेखा की शैली निर्धारित करता है -
एक ऐसी सीमा जो कोई स्थान नहीं लेती।
सिंटैक्स
सिलेक्टर {
outline-style: मान;
}
मान
| मान | विवरण |
|---|---|
solid |
ठोस रेखा। |
dotted |
बिंदुओं के रूप में रूपरेखा। |
dashed |
डैश के रूप में रूपरेखा। |
ridge |
उभरी हुई रेखा के रूप में रूपरेखा। |
double |
दोहरी रेखा के रूप में रूपरेखा।
प्रभाव देखने के लिए सीमा की मोटाई कम से कम 3px होनी चाहिए।
|
groove |
अवतल रूपरेखा। |
inset |
धंसी हुई रूपरेखा। |
outset |
उभरी हुई रूपरेखा। |
none |
सीमा का अभाव। |
डिफ़ॉल्ट मान: none।
उदाहरण . solid मान
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: solid;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . dotted मान
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dotted;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . dashed मान
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dashed;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . ridge मान
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: ridge;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . double मान
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: double;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . groove मान
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: groove;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . inset मान
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: inset;
outline-color: black;
width: 300px;
height: 100px;
}
:
उदाहरण . outset मान
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: outset;
outline-color: black;
width: 300px;
height: 100px;
}
:
यह भी देखें
-
outline-colorगुण,
जो रूपरेखा का रंग निर्धारित करता है -
outline-widthगुण,
जो रूपरेखा की मोटाई निर्धारित करता है -
outlineगुण,
जो रूपरेखाओं के लिए एक शॉर्टहैंड गुण है -
outline-offsetगुण,
जो रूपरेखा की ऑफसेट दूरी निर्धारित करता है