首页 > 技术文章 > 记录一下CSS outline-width 属性

chen-cheng 2018-11-06 10:40 原文

outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围。

outline-width指定轮廓的宽度。

注意: 请始终在outline-width属性之前声明outline-style属性。元素只有获得轮廓以后才能改变其轮廓的宽度。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>demo(runoob.com)</title> 
<style>
p.one
{
    border:1px solid red;
    outline-style:solid;
    outline-width:thin;
}
p.two
{
    
    outline-style:0;
    outline-width:3px;
}
</style>
</head>
<body>

<p class="one">记录一下</p>
<p class="two">记录一下</p>

运行结果

参考http://www.runoob.com/cssref/pr-outline-width.html;

推荐阅读