CSS border

日期:2021-01-20 类型:科技新闻 

关键词:怎么把小程序变成二维码,微信小程序怎么开通,微信小程序csdn,小程序开发,网络答题小程序

border-width -- 界定4个边框的宽度
赋值:<border-width>{1,4} | inherit
<border-width>{1,4}: 边框宽度(能够有1个,两个,3个或4个值)
inherit:承继
原始值: medium
承继性: 否
可用于: 全部元素
border:边框,width:宽度.
border-width的赋值
thin: 细
medium: 中
thick: 粗
<length>: 长度表明法
上面的宽度值有下面的关联: thin<medium<thick

提醒: border-width不可以应用百分比并且不可以取负值,只能应用长度.(比如:px,em等)!

示例
为border-width特定4个值
border-width:border-top-width border-right-width border-bottom-width border-left-width;
p#fourborders
{
border-width:thick medium thin 12px;
}
假如界定4个值,那末这4个值就各自是上,右,下,左侧框的宽度值(从上边框刚开始,以顺时针的次序遍历).

等额的于下面的界定

p#fourborders
{
border-top-width:thick;
border-right-width:medium;
border-bottom-width:thin;
border-left-width:12px;
}
为border-width特定3个值
border-width:border-top-width border-right-width/border-left-width border-bottom-width;
p#threeborders
{
border-width:thick 12px thin;
}
假如只界定3个值,正中间的值意味着左和右侧框的宽度.

等额的于下面的界定

p#threeborders
{
border-top-width:thick;
border-right-width:12px;
border-bottom-width:thin;
border-left-width:12px;
}
为border-width特定两个值
border-width:border-top-width/border-bottom-width border-right-width/border-left-width;
p#twoborders
{
border-width:thick 12px;
}
假如只界定两个值,前面的值意味着左右边框宽度,后边的值意味着上下边框的宽度.

等额的于下面的界定

p#twoborders
{
border-top-width:thick;
border-right-width:12px;
border-bottom-width:thick;
border-left-width:12px;
}
为border-width特定1个值
border-width:border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick;
}
假如只界定1个值,这个值就意味着4个边的宽度.

等额的于下面的界定

p#oneborders
{
border-top-width:thick;
border-right-width:thick;
border-bottom-width:thick;
border-left-width:thick;
}