CSS border 属性
实例
设置 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 属性相关推荐
- CSS Border属性solid(实线)使用介绍
Border(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD.DIV等等)画边框,可以给文本加边框,给导航菜单加分隔线,下面与大家分享个实例,感兴趣的朋友可以了解下 制作过 ...
- CSS:不可思议的border属性
原文:Magic of CSS border property 译文:不可思议的CSS border属性 译者:dwqs 在CSS中,其border属性有非常多的规则. 对于一些事物,比如三角形或者其 ...
- border属性 php,使用CSS的border属性构建变形边框的方法总结
border是最常用的用来制作各种各样p边框的CSS属性,这里我们整理了使用CSS的border属性构建变形边框的方法总结,最主要的还是基于三角形的一些图形变换: border基础回顾border 顾 ...
- css border画图
css border属性竟然可以用来画图,今天项目中遇到该问题,借此有机会深入了解了下. css border属性在我的印象当中只是方方正正的东西,无非就是增加边框的宽度,变换边框的颜色,因此一直以为 ...
- Html中的边框弧边,CSS边框属性一---border-radius
1.CSS outline 属性 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. p { outline:#00FF00 dotted thick; } ...
- 巧用CSS的Border属性
. 作者:冯永曜 来源:黄山村夫 制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助.我们先来认识一下"Border"(画边框),它是CSS的一个属性,用它可以 ...
- php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
- 图解CSS的padding,margin,border属性
图解CSS的padding,margin,border属性(详细介绍及举例说明) 图解CSS的padding,margin,border属性 W3C 组织建议把所有网页上的对像都放在一个盒(box)中 ...
- CSS中设置border属性为0与none的区别
在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一 ...
- CSS中的margin、border、padding区别 CSS padding margin border属性详解
图解CSS padding.margin.border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层 ...
最新文章
- Windows DPM 备份数据
- 【暴走漫画起源考】Part2:姚明脸
- echarts做企业关系图谱_echarts 关系图
- 【剑指offer】面试题60:n个骰子的点数(Java)
- 【Day07】v-model 是如何实现的,语法糖实际是什么?
- html如何取单元格内容,JS获取表格内指定单元格html内容的方法
- “互联网+”时代,漫谈影响用户体验的X因素
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十四】
- python飞机大战游戏代码_python实现飞机大战小游戏
- 最大流的四种常用算法
- Windows 10创建用户
- SkyEye与Trace32集成并搭建调试环境
- 充分必要条件与C语言,充分条件与必要条件知识点总结,高中数学充分条件与必要条件知识点总结...
- 2015年腾讯阿里实习生招聘面试经历
- 算法:初探12306售票算法。
- 论文对比实验图神器MulimgViewer
- 图片隐写术 - 透明部落通过BMP的RGB通道隐藏PE数据
- Geckofx使用心得(一)
- root后怎么刷回官方,recovery刷入root
- 桂电信科17级c语言期末试卷,桂电期末考试Linux习题总结
热门文章
- 保存Simulink仿真模型为图片或者PDF的方法
- excel切片器的用法
- 不重启刷新win7环境变量(注册表)
- java定时器的原理_JAVA Timer 定时器原理 | 学步园
- 工商银行java script error windows7_Win8.1装工行网银提示"called runscript when not marked in progress"的解决方法...
- 红米K30 4G手机图纸 主板元件位号图
- 计算机网络网线制作教案,制作网线教案.doc
- 数学分析教程(科大)——3.6笔记+习题
- FreeSwitch uuid_bridge代码分析
- WPF程序支持多国语言