实例

设置 4 个边框的样式:

p{border:5px solid red;}

定义和用法

border 简写属性在一个声明设置所有的边框属性。

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

  • border-width
  • border-style
  • border-color

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

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

可能的值

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

TIY 实例

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

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

CSS border 属性相关推荐

  1. CSS Border属性solid(实线)使用介绍

    Border(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD.DIV等等)画边框,可以给文本加边框,给导航菜单加分隔线,下面与大家分享个实例,感兴趣的朋友可以了解下 制作过 ...

  2. CSS:不可思议的border属性

    原文:Magic of CSS border property 译文:不可思议的CSS border属性 译者:dwqs 在CSS中,其border属性有非常多的规则. 对于一些事物,比如三角形或者其 ...

  3. border属性 php,使用CSS的border属性构建变形边框的方法总结

    border是最常用的用来制作各种各样p边框的CSS属性,这里我们整理了使用CSS的border属性构建变形边框的方法总结,最主要的还是基于三角形的一些图形变换: border基础回顾border 顾 ...

  4. css border画图

    css border属性竟然可以用来画图,今天项目中遇到该问题,借此有机会深入了解了下. css border属性在我的印象当中只是方方正正的东西,无非就是增加边框的宽度,变换边框的颜色,因此一直以为 ...

  5. Html中的边框弧边,CSS边框属性一---border-radius

    1.CSS outline 属性 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. p { outline:#00FF00 dotted thick; } ...

  6. 巧用CSS的Border属性

    . 作者:冯永曜 来源:黄山村夫 制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助.我们先来认识一下"Border"(画边框),它是CSS的一个属性,用它可以 ...

  7. php中border属性,css中display属性和border属性常遇问题讲解

    本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...

  8. 图解CSS的padding,margin,border属性

    图解CSS的padding,margin,border属性(详细介绍及举例说明) 图解CSS的padding,margin,border属性 W3C 组织建议把所有网页上的对像都放在一个盒(box)中 ...

  9. CSS中设置border属性为0与none的区别

    在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一 ...

  10. CSS中的margin、border、padding区别 CSS padding margin border属性详解

    图解CSS padding.margin.border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层 ...

最新文章

  1. Windows DPM 备份数据
  2. 【暴走漫画起源考】Part2:姚明脸
  3. echarts做企业关系图谱_echarts 关系图
  4. 【剑指offer】面试题60:n个骰子的点数(Java)
  5. 【Day07】v-model 是如何实现的,语法糖实际是什么?
  6. html如何取单元格内容,JS获取表格内指定单元格html内容的方法
  7. “互联网+”时代,漫谈影响用户体验的X因素
  8. Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十四】
  9. python飞机大战游戏代码_python实现飞机大战小游戏
  10. 最大流的四种常用算法
  11. Windows 10创建用户
  12. SkyEye与Trace32集成并搭建调试环境
  13. 充分必要条件与C语言,充分条件与必要条件知识点总结,高中数学充分条件与必要条件知识点总结...
  14. 2015年腾讯阿里实习生招聘面试经历
  15. 算法:初探12306售票算法。
  16. 论文对比实验图神器MulimgViewer
  17. 图片隐写术 - 透明部落通过BMP的RGB通道隐藏PE数据
  18. Geckofx使用心得(一)
  19. root后怎么刷回官方,recovery刷入root
  20. 桂电信科17级c语言期末试卷,桂电期末考试Linux习题总结

热门文章

  1. 保存Simulink仿真模型为图片或者PDF的方法
  2. excel切片器的用法
  3. 不重启刷新win7环境变量(注册表)
  4. java定时器的原理_JAVA Timer 定时器原理 | 学步园
  5. 工商银行java script error windows7_Win8.1装工行网银提示"called runscript when not marked in progress"的解决方法...
  6. 红米K30 4G手机图纸 主板元件位号图
  7. 计算机网络网线制作教案,制作网线教案.doc
  8. 数学分析教程(科大)——3.6笔记+习题
  9. FreeSwitch uuid_bridge代码分析
  10. WPF程序支持多国语言