सीएसएस रूपरेखा
एक रूपरेखा तत्व की सीमा के बाहर खींची गई रेखा है।
सीएसएस रूपरेखा
एक रूपरेखा एक रेखा है जो तत्वों के चारों ओर खींची जाती है, सीमाओं के बाहर, तत्व को "बाहर खड़ा" करने के लिए।
सीएसएस में निम्नलिखित रूपरेखा गुण हैं:
-
outline-style
-
outline-color
-
outline-width
-
outline-offset
-
outline
नोट: रूपरेखा सीमाओं से अलग है ! सीमा के विपरीत, रूपरेखा तत्व की सीमा के बाहर खींची जाती है, और अन्य सामग्री को ओवरलैप कर सकती है। साथ ही, रूपरेखा तत्व के आयामों का हिस्सा नहीं है; तत्व की कुल चौड़ाई और ऊंचाई रूपरेखा की चौड़ाई से प्रभावित नहीं होती है।
सीएसएस रूपरेखा शैली
outline-style
प्रॉपर्टी आउटलाइन की शैली निर्दिष्ट करती है, और इसमें निम्न में से कोई एक मान हो सकता है :
dotted
- एक बिंदीदार रूपरेखा परिभाषित करता हैdashed
- एक धराशायी रूपरेखा परिभाषित करता हैsolid
- एक ठोस रूपरेखा परिभाषित करता हैdouble
- एक दोहरी रूपरेखा को परिभाषित करता हैgroove
- Defines a 3D grooved outlineridge
- Defines a 3D ridged outlineinset
- Defines a 3D inset outlineoutset
- Defines a 3D outset outlinenone
- Defines no outlinehidden
- Defines a hidden outline
The following example shows the different outline-style
values:
Example
Demonstration of the different outline styles:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
Result:
A dotted outline.
A dashed outline.
A solid outline.
A double outline.
A groove outline. The effect depends on the outline-color value.
A ridge outline. The effect depends on the outline-color value.
An inset outline. The effect depends on the outline-color value.
An outset outline. The effect depends on the outline-color value.
Note: None of the other outline properties (which you will learn more about in the next chapters) will have ANY effect unless the
outline-style
property is set!