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

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

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

CSS border-top属性

定义和用法

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

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

border-top-width
border-top-style
border-top-color

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

默认值：	not specified
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.borderTop="3px solid blue"

实例

设置上边框的样式：

p  {  border-style:solid;  border-top:thick double #ff0000;  }

浏览器支持

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

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

可能的值

值	描述
border-top-width	规定上边框的宽度。参阅：border-top-width 中可能的值。
border-top-style	规定上边框的样式。参阅：border-top-style 中可能的值。
border-top-color	规定上边框的颜色。参阅：border-top-color 中可能的值。
inherit	规定应该从父元素继承 border-top 属性的设置。

参考阅读：http://www.manongjc.com/article/1188.html

转载于:https://www.cnblogs.com/myhomepages/p/5892182.html

探究CSS中border-top属性的使用相关推荐

使html轮廓颜色不同,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
html5border设置彩色,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
css text top,text-align属性(css中文本对齐属性)
text-align属性设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...
CSS中border的所有样式属性
CSS中border的所有样式属性 1.solid:实线使用方法:border:solid 1px #000; 我发现border:1px solid #000;和border:solid 1px ...
CSS中的resize属性
CSS | 调整属性 (CSS | resize Property) Starting note: 开始说明: We deal with various elements regularly whil ...
CSS中Position定位属性的使用
文章目录 CSS中定位属性的使用 position:absolute position:relative position:fixed position:sticky position:static ...
html页边距为负值,css中的padding属性可以为负值吗？css中padding属性的详解
关于css盒模型中的内边距padding属性的详细介绍,还有新手常犯的一个错误,内边距padding属性真的能写入负值.这个答案在文章的最后,现在就让我们一起来看这篇文章吧首先我们介绍的是第一个问题 ...
html边框是啥意思,css中border是什么意思
css中border是什么意思?有什么用? border是边框的意思,它是css的一个简写属性,用于在一个声明设置所有的边框属性.可以设置的边框属性有:边框的宽度.边框的样式.边框的颜色. 说明: 可 ...
【CSS】【position】css中的position属性
css中的position属性用于设置元素位置的确定方式,它有以下几种取值: static:默认定位方式,子元素在父容器中挨个摆放 absolute:绝对定位,元素不占据父容器空间,相当于文档body ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...

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

探究CSS中border-top属性的使用相关推荐

最新文章

热门文章