惧留孙网

juliusun.com

惧留孙网 > 惧留孙课堂 > 在线手册 > CSS手册 > border-style
 列表 

 选择符 

 颜色  对齐  字体  大小  边框  背景  外边距  内边距  显示  列表风格  定位 

border-style 属性

简介

设置所有边框样式
JavaScript 引用: style.borderStyle
默认值: 无默认值

作用
设置元素的所有边框的样式。可以是一个到四个值,值之间用空白字符分隔。

当为一个值时,设置的值对四条边框均起作用;
当为两个值时,第一个值对上、下两边框有效,第二个值对左、右两边框有效;
当为三个值时,第一个值对上边框有效,第二个值对左、右两边框有效,第三个值对下边框有效;
当为四个值时,分别对上、右、下、左边框有效

例:

border-style: dotted;//一个值,四个边框均为点状
border-style: dotted solid;//两个值,上、下边框为点状,左右为实线
border-style: dotted solid double;//三个值,上边框样式为点状,左、右两边框为实线,下边框为双线
border-style: dotted solid double dashed;//四个值,上边框样式为点状,右为实线,下为双线,左为虚线

o.style.borderStyle = 'dotted solid double dashed';

可用值
意义
none无边框
hidden应用于表格时常用来解决边框冲突,应用于其它元素与 none 相同
dotted点状边框
dashed虚线边框
solid实线边框
double双线边框,双线的宽度等于border-width的值
groove3D 凹槽边框,效果与border-color有关
ridge3D 垄状边框,效果与border-color有关
inset3D inset 边框,效果与border-color有关
outset3D outset 边框,效果与border-color有关
inherit从父元素继承

作者QQ:3304576112   交流QQ群:461872961  网页学习群 本站保留本页版权,可分享网址,匆复制传播。

抖音
©2015-2024 惧留孙网 juliusun.com

京ICP备15039193号-1

首页 教程 下载 文章 聊天 我的