CSS ::大纲
轮廓与边框非常相似,但也没有什么主要区别-
轮廓线不会占用空间。
轮廓不必为矩形。
轮廓在所有方面总是相同的;您不能为元素的不同面指定不同的值。
注 –IE6或Netscape7不支持提纲属性。
您可以使用CSS设置以下大纲属性。
的 轮廓宽度 属性用于设置轮廓的宽度。
在 外形风格 属性被用于设置轮廓的线条样式。
该 大纲的颜色 属性用于设置轮廓的颜色。
该 大纲 属性用于设置所有在单个语句上述三个属性。
轮廓宽度属性
的 轮廓宽度 属性指定了轮廓的宽度要被添加到该框。 就像border-width属性一样,它的值应该是长度,或者是 Thin,Medium或Thick之一。
零像素的宽度意味着没有轮廓。
这是一个例子-现场演示
This text is having thin outline.
This text is having thick outline.
This text is having 5x outline.
轮廓样式的属性
在 外形风格 属性指定元素周围那张风格的线(实线,虚线,线或虚线)。它可以采用以下值之一-
无 -无边框。(等效于outline-width:0;)
实线 -轮廓是一条实线。
点状 -轮廓是一系列点。
虚线 -轮廓是一系列短线。
double- 轮廓是两条实线。
凹槽 -轮廓看起来像刻在页面上一样。
脊 -轮廓看起来与凹槽相反。
插图 -轮廓使框看起来像它嵌入在页面中。
起点 -轮廓使框看起来像是从画布中出来的。
隐藏 -与无相同。
这是一个例子-现场演示
This text is having thin solid outline.
This text is having thick dashed outline.
This text is having 5x dotted outline.
轮廓颜色属性
该 大纲颜色 属性允许您指定轮廓的颜色。与color和border-color属性一样,其值应为颜色名称,十六进制颜色或RGB值。
这是一个例子-现场演示
This text is having thin solid red outline.
This text is having thick dashed green outline.
This text is having 5x dotted blue outline.
轮廓属性
该 大纲 属性是一个速记属性,可以让你对任何以任何顺序,但在一个语句前面讨论过的三个属性的指定值。
This text is having thin solid red outline.
This text is having thick dashed green outline.
This text is having 5x dotted blue outline.