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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了探究CSS中border-top属性的使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1167字，纯文字阅读大概需要2分钟。

内容图文

上一节我们介绍了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

内容总结

以上是互联网集市为您收集整理的探究CSS中border-top属性的使用全部内容，希望文章能够帮你解决探究CSS中border-top属性的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/394594.html

来源：【匿名】