CSS中border-style的属性
2024-10-12 14:50:13
属性可能的值
值 |
描述 |
---|---|
none |
定义无边框。 |
hidden |
与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。 |
dotted |
定义点状边框。在大多数浏览器中呈现为实线。 |
dashed |
定义虚线。在大多数浏览器中呈现为实线。 |
solid |
定义实线。 |
double |
定义双线。双线的宽度等于 border-width 的值。 |
groove |
定义 3D 凹槽边框。其效果取决于 border-color 的值。 |
ridge |
定义 3D 垄状边框。其效果取决于 border-color 的值。 |
inset |
定义 3D inset 边框。其效果取决于 border-color 的值。 |
outset |
定义 3D outset 边框。其效果取决于 border-color 的值。 |
inherit |
规定应该从父元素继承边框样式。 |
例子 1
border-style:dotted solid double dashed;
- 上边框是点状
- 右边框是实线
- 下边框是双线
- 左边框是虚线
例子 2
border-style:dotted solid double;
- 上边框是点状
- 右边框和左边框是实线
- 下边框是双线
例子 3
border-style:dotted solid;
- 上边框和下边框是点状
- 右边框和左边框是实线
例子 4
border-style:dotted;
- 所有 4 个边框都是点状
最新文章
- HTML5和CSS3的一些新特性
- grunt安装、配置、在webstrom中使用
- UICollectionView进阶练习
- CentOs7 systemd添加自定义系统服务
- 如何把域名解析到网站空间IP上?
- 纯css实现图片的灯光照射效果,高逼格图片展示
- centos修改默认启动级别
- Drools+springboot
- Qt::WindowFlags枚举类型解析
- 关于git中Pageant开机启动且自动关联秘钥
- 【BZOJ4504】K个串
- Eureka微服务ID
- GenomicConsensus (quiver, arrow)使用方法 | 序列 consensus
- 2017/05/22 java 基础 随笔
- sysbench相关
- windows 下搭建git服务器,及问题处理。
- python项目通过配置文件方式配置日志-logging
- ItelliJ基于Gradle创建及发布Web项目(三)
- mysql的join操作
- 《转》vue-cli的webpack模板项目配置文件注释