分享更有价值
被信任是一种快乐

css中的outline-width属性怎么用

文章页正文上

这篇文章主要介绍了css中的outline-width属性怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
  cssoutline-wi免费云主机、域名dth属性定义及用法
  1.在css中,outline-width属性是使用来设置轮廓的宽度,所谓轮廓就是绘制于元素周围的一条线,位于边框边缘的外围,不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度。轮廓与边框不同,轮廓不占用空间,轮廓可能是非矩形。
  2.如果需要同时设置元素轮廓的多个属性,建议使用outline简写属性,通过outline属性可以简化代码,将轮廓的多个属性定义在一个声明中,可以设置的轮廓属性分别是(按顺序):outline-color、outline-style、outline-width。
  cssoutline-width属性必须和outline-style属性一起使用,这很好理解,元素必须要有轮廓(outline-style属性定义轮廓样式)才能设置轮廓的宽度。
  cssoutline-width属性语法格式
  css语法:outline-width:thin/medium/thick/length/inherit
  JavaScript语法:object.style.outlineWidth=”thin”
  属性值说明
  1.thin:定义细轮廓
  2.medium:定义中等的轮廓(默认)
  3.thick:定义粗的轮廓
  4.length:允许您规定轮廓粗细的值
  5.inherit:从父元素继承outline-width属性的值
  实例
  

  
  
  
  
     div{width:300px;height:60px;border:1pxsolid#000;margin-top:15px;outline-style:dotted;}
  #div1{outline-width:thin;}/*细轮廓*/
  #div2{outline-width:thick;}/*粗轮廓*/
  #div3{outline-width:8px;}/*自定义轮廓宽度为8px*/
  
  
  
  thin

相关推荐: 如何进行JavaScript中模块的导入和导出

今天就跟大家聊聊有关如何进行免费云主机、域名JavaScript中模块的导入和导出,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。简介早期的 Web 网站主要由 HTML 和 CSS 组成。如果有任何 J…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册