CSS 轮廓样式属性值表,及示例
轮廓样式属性值
CSS的轮廓样式可以通过outline-style或outline属性中的第二个值来设置,比如outline:1px solid skyblue中的solid便是轮廓样式的实线样式值。除此之外,CSS的轮廓样式属性还有其它的多个值,如下表:
边框样式值 | 描述 | 实例 |
---|---|---|
solid | 实线轮廓 | 实线 |
dashed | 虚线轮廓 | 虚线 |
dotted | 点状轮廓 | 点状 |
double | 双线轮廓 | 双线 |
groove | 3D凹槽轮廓 | 3D凹槽 |
ridge | 3D凸槽轮廓 | 3D凸槽 |
inset | 3D凹边轮廓 | 3D凹边 |
outset | 3D凸边轮廓 | 3D凸边 |
none | 无轮廓 | 无轮廓 |
hidden | 隐藏轮廓 |
轮廓样式实例代码,及在线编辑器
<div class='ol1'></div>
<style>
.ol1{width:100%;height:30%;outline:5px double skyblue;}
</style>