轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
轮廓(outline)属性指定了样式,颜色和外边框的宽度。
轮廓(outline)属性的位置让它不像边框那样参与到文档流中,因此轮廓出现或消失时不会影响文档流,即不会导致文档的重新显示。
在元素周围画线
本例演示使用outline属性在元素周围画一条线。.
设置轮廓的样式
本例演示如何设置轮廓的样式。
设置轮廓的颜色
本例演示如何设置轮廓的颜色。
设置轮廓的宽度
本例演示如何设置轮廓的宽度。
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
CSS outline 属性规定元素轮廓的样式、颜色和宽度。
提示:你可以在本站的《CSS参考手册》中了解更多关于 CSS outline属性 的信息。
"CSS" 列中的数字表示哪个 CSS 版本定义了该属性 ( CSS1 或者 CSS2 )。
属性 | 说明 | 值 | CSS |
---|---|---|---|
outline | 在一个声明中设置所有的外边框属性 | outline-color outline-style outline-width inherit | 2 |
outline-color | 设置外边框的颜色 | color-name hex-number rgb-number invert inherit | 2 |
outline-style | 设置外边框的样式 | none dotted dashed solid double groove ridge inset outset inherit | 2 |
outline-width | 设置外边框的宽度 | thin medium thick length inherit | 2 |
有很多刚刚接触 CSS 的新手有时会遇到 CSS 加载失败这个问题,但测试时,网页上没有显示该样式的问题,这就说明 CSS 加载失败了...
HTML button 标签如果您在使用button标签时使用了 formenctype 属性,那么它的值将覆盖 form 标签的enctype属性值:实例带有两个...
HTML button 标签formtarget 属性可以规定提交的HTML表单在何处显示,下面的示例将详细使用该属性:实例两个提交按钮,第一个提...
HTML button 标签设置了 autofocus 属性的按钮,将在页面加载后自动获取焦点,请参考下述示例:实例按钮使用 autofocus 属性:but...
HTML map 标签map 标签的 name 属性的值是图像映射使用的名称,请参考下述示例:实例带有可点击区域的图像映射:img src="planet...
实例描述 HTML 文档的元数据:headmeta name="description" content="免费在线教程"meta name="keywords" content="HTML,CSS,XML...
实例HTML5 p标签用于定义一个段落。请参考下述示例:以下代码标记了一个段落:p这是一个段落。/p(在页面下部,您可以找到更多实...
实例HTML5 td标签用于表示一个表格中的单元格。请参考下述示例:一个简单的 HTML 表格,带有两个单元格:table border="1"trtdCe...
实例HTML5 textarea标签用于创建一个可以输入多行的文本框。请参考下述示例:一个 HTML 文本区域:textarea rows="10" cols="30"...