语法:

border:<line-width> || <line-style> || <color>

<line-width> = <length> | thin | medium | thick

<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

默认值:看每个独立属性

适用于:所有元素

继承性:无

动画性:看每个独立属性

计算值:看每个独立属性

相关属性:[ border-top ] || [ border-right ] || [ border-bottom ] || [ border-left ]

取值:

<line-width>: 设置或检索对象边框宽度。 <line-style>: 设置或检索对象边框样式。 <color>: 设置或检索对象边框颜色。

说明:

复合属性。设置对象边框的特性。参阅outline属性。

  • 如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
  • 对应的脚本特性为border
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>border 外边框</title><style type="text/css">.parent{border-width: 1px 1px 2px 3px;border-style: solid;border-color: #0ff;width: 300px;height: 200px;}</style>
</head>
<body>
<div class="parent"></div>
</body>
</html>

转载于:https://www.cnblogs.com/qq-757617012/p/6101786.html

border 外边框相关推荐

  1. border边框、padding内边框、margin外边框

    一.border 边框 1.语法: border:border-width border:border-style border:border-color 属性 作用 border-width 定义边 ...

  2. EduCoder-Web程序设计基础-html5—表格高级样式的设置-第2关:设置表格的外边框样式

    目录 任务描述 相关知识 编程要求 测试说明 代码示例 任务描述 本关任务:创建一个两行两列的表格.实现的效果如下图所示: 外边框设置 相关知识 为了完成本关任务,你需要掌握:1.table标签的一般 ...

  3. html获得焦点显示边框,input获得焦点时,如何让外边框不变蓝

    input获得焦点时,如何让外边框不变蓝 border 可应用于几乎所有有形的html元素,而outline 是针对链接.表单控件和ImageMap等元素设计. outline的效果将随元素的 foc ...

  4. 【Unity3D】点选物体、框选物体、绘制外边框

    1 需求描述 绘制物体外框线条盒子 中介绍了绘制物体外框长方体的方法,本文将介绍物体投影到屏幕上的二维外框绘制方法. 点选物体:点击物体,可以选中物体,按住 Ctrl 追加选中,选中的物体设置为红色. ...

  5. html给table加外边框,html如何给table表单加边框

    表格边框 如↑图,这个时候我们发现,css中的border其实就是给表格加了一个外边框而已 五.border-collapse: collapse 边框合并,该属性设置表格的边框是否被合并为一个单一的 ...

  6. el-table设置表格显示外边框和表头的下边框

    el-table会自带下边框,去除所有的边框 //去除table的每一条数据的下边框 .el-table td {border-bottom: none;} //去除表格的最下面一行的边框 .tabl ...

  7. 利用openpyxl为工作表指定区域添加外边框

    利用openpyxl为工作表指定区域添加边框 openpyxl的边框功能 为指定单元格添加边框 局限性 指定区域添加边框的实现 openpyxl的边框功能 openpyxl库提供了针对excel中某单 ...

  8. 简述HTML5如何做表格只显示表格的外边框

    今天享HTML5做表格只显示表格的外边框问题还有疑问的小伙伴可以简单了解一下,下面我们来看一下吧. 问题描述: 在一个在dreamweaver中,弄了一个登陆的表格,(包括登陆.注册.忘记密码)三行一 ...

  9. html做表格只显示表格的外边框

    html做表格只显示表格的外边框 来自森大科技官方博客 http://www.cnsendblog.com/index.php/?p=112 我想问一个在dreamweaver中,我弄了一个登陆的表格 ...

最新文章

  1. 15g1和g2和g3区别大吗_河南成人高考和普通高考的区别有哪些?成人高考难度会越来越大吗?...
  2. ACM 进阶计划~~转
  3. 自定义View,圆形头像
  4. LeetCode 三天打渔两天晒网 剩下一天睡大觉
  5. 【kafka】kafka 消费的时候 退出
  6. leetcode44:wildcard
  7. 敏捷开发一千零一问系列之三:序言及解决问题的心法(共振)
  8. JS控制图片滚动的效果
  9. Python socket – network programming tutorial
  10. 【整理】牛客网编程题前端篇(较难难度)
  11. 人生的要务:提高自己的思维和格局
  12. Nginx代理Grafana常见错误
  13. chr() 、ord()
  14. DotPass for Mac(密码生成器)
  15. H3CSE路由-BGP属性
  16. centos7.6安装Kubernetes1.14.1集群
  17. 我用python实现了一个量化选股程序
  18. html如何让table表格垂直(上下)居中
  19. 数据库与文件进行数据存储有哪些区别?
  20. 五行Python自动换你的电脑桌面壁纸(内附源码和exe)

热门文章

  1. Tuomas Pirinen:创造游戏人物的8个方法
  2. 资深美术分享:游戏开发如何确定画风?
  3. 以美术资源生产为例,谈游戏研发中台PM实战
  4. Unity VR游戏开发干货教程:优化VR体验
  5. 浏览器输入域名网址访问后的过程详解
  6. MySQL复习资料(二)——MySQL-DDL语句
  7. final,finally,finaliz的区别(Java)
  8. SecureCRT设置背景颜色和目录(文件夹)颜色
  9. oracle11g自动内存管理
  10. python之itemgetter函数:对字典列表进行多键排序