探究CSS中border-top属性的使用

开发 前端
上一节我们介绍了CSS top属性的用法,那么这节关于CSS border-top属性用法学习起来就会轻松一些,border-top 简写属性把上边框的所有属性设置到一个声明中。

本文向大家描述一下CSS border-top属性的用法,border-top 简写属性把上边框的所有属性设置到一个声明中,相信本文介绍一定会让你有所收获的。

CSS border-top属性

定义和用法

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

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

  1. border-top-width   
  2. border-top-style   
  3. border-top-color   
  4.  

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

实例

设置上边框的样式:

  1. p  
  2.   {  
  3.   border-style:solid;  
  4.   border-top:thick double #ff0000;  
  5.   }  
  6.  

浏览器支持

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

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值 

【编辑推荐】

  1. CSS font-weight属性和用法
  2. IE6.0对padding的解读分析
  3. CSS中border-right-width属性使用注意事项
  4. CSS中使用margin属性定义网页边距
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

责任编辑:佚名 来源: 68tt.com
相关推荐

2010-09-08 14:46:36

CSSborder

2010-09-08 14:00:08

marginCSS

2010-08-25 16:03:26

CSSborder

2010-08-25 14:01:29

CSSborder-righ

2010-08-26 10:48:51

CSScaption-sid

2010-08-27 09:29:40

CSSbehavior

2010-08-26 10:33:27

CSSborder

2010-08-25 14:26:09

CSSdisplay

2010-08-26 10:08:50

CSSmargin

2016-10-21 10:15:53

2010-08-27 10:04:33

borderclearCSS

2010-08-25 13:18:53

border-collCSS

2010-09-06 16:00:41

CSSborder

2010-09-15 14:00:06

position属性DIV

2010-08-25 13:54:29

CSStop

2010-09-10 09:42:37

borderclearCSS

2010-08-25 09:48:25

CSSmargin

2010-09-10 10:10:36

CSS属性

2010-08-20 15:56:58

padding-toppadding-lefCSS

2010-09-10 10:47:47

CSSposition
点赞
收藏

51CTO技术栈公众号