现在的位置: 首页 > web前端 > 正文

border bottom属性怎么用

2020年07月16日 web前端 ⁄ 共 930字 ⁄ 字号 评论关闭

  CSSborder-bottom属性作用:把下边框的所有属性设置到一个声明中。基本语法:border-bottom:widthstylecolor;border-bottom-width:规定下边框的宽度。


  borderbottom实例


  设置下边框的样式:


  p


  {


  border-style:solid;


  border-bottom:thickdotted#ff0000;


  }


  亲自试一试


  浏览器支持


  IE Firefox Chrome Safari Opera


  所有浏览器都支持border-bottom属性。


  注释:IE7以及更早版本的浏览器不支持值"inherit"。IE8需要!DOCTYPE。IE9支持"inherit"。


  borderbottom定义和用法


  border-bottom简写属性把下边框的所有属性设置到一个声明中。


  可以按顺序设置如下属性:


  border-bottom-width


  border-bottom-style


  border-bottom-color


  如果不设置其中的某个值,也不会出问题,比如border-bottom:solid#ff0000;也是允许的。


  默认值: notspecified


  继承性: no


  版本: CSS1


  JavaScript语法: object.style.borderBottom="3pxsolidblue"


  可能的值


  值 描述


  border-bottom-width 规定下边框的宽度。参阅:border-bottom-width中可能的值。


  border-bottom-style 规定下边框的样式。参阅:border-bottom-style中可能的值。


  border-bottom-color 规定下边框的颜色。参阅:border-bottom-color中可能的值。


  inherit 规定应该从父元素继承border-bottom属性的设置。


  TIY实例


  所有下边框属性在一个声明中


  本例演示用简写属性来将所有下边框属性设置在同一声明中。


  总之,border-bottom给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.