border是复合属性吗(border复合属性内部包含)

http://www.itjxue.com  2023-01-29 11:14  来源:未知  点击次数: 

在CSS里,border的作用是什么?

border

语法:

border : border-width || border-style || border-color

取值:

该属性是复合属性。请参阅各参数对应的属性。

默认值为: medium none 。 border-color 的默认值将采用文本颜色。

说明:

设置对象的边框样式。

当你指定了边框颜色( border-color )和边框宽度( border-width )时,你必须同时指定边框样式( border-style ),否则边框不会被呈现。

如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。

例如:设置 border : thin 等于设置 border : thin none ,而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。

在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。对应的脚本特性为 border 。

示例:

p { border: 1px double yellow; }

blockquote { border: dotted gray; }

p { border: 25px; }

盒子模型边框外边距

盒子模型是由 margin + border + padding + 网页元素(content)

?div{

? ? ? ? ? ? width: 200px;

? ? ? ? ? ? height: 200px;

? ? ? ? ? ? ?border-color:red;}

?border-top-color: red;设置上边框的颜色

?border-right-color:red;设置右边框的颜色

border-bottom-color:red;设置下边框的颜色

border-left-color: red;设置左边框的颜色

border-color:red yellow;第一个值red表示上下边框的颜色 第二个值表示左右边框的颜色

?border-color:red green blue;第一个值表示上边框的颜色 第二个值表示左右边框的颜色 第三个值表示下边框的颜色

?border-color:red green blue yellow;按照顺时针的顺序 第一个值表示上边框的颜色 第二个值表示右边框的颜色,第三个值表示下边框的颜色 第四个值表示左边框的颜色

★单独设置颜色或者边框的粗细的时候 必须要把border-style设置好

?div{

? ? ? ? ? ? width: 200px;

? ? ? ? ? ? height: 200px;

border-width:thick;}

?border-width: thick;粗的边框 系统会设置为5像素

border-width: medium;medium是中等的粗细 系统会默认设置为3像素

border-width: thin;thin是最细的 系统会默认设置为1像素

?border也是一个复合属性可以写成border:1px solid red;

border-top-width: 10px;设置上边框的粗细。同理设置下边框、左边框、右边框,可以将top改成bottom left right

border-width: 10px 20px; 设置边框 上下为10px 左右为20px

border-width: 10px 20px 50px;设置边框的粗细为 ?上边框10px 左右边框粗细为20px 下边框粗细为30px

border-width: 10px 30px 50px 70px;顺时针的顺序 设置边框的粗细 上边框为10px 右边框为30px 下边框为50px 左边框为70px

??设置边框的粗细 可以改变盒子的看上去的宽高

?border-style:none;边框没有任何样式 也就显示不了

border-style:hidden;隐藏边框的样式 也显示不了

border-style:dotted;边框的样式变成点状

?border-style:dashed;边框的样式变成虚线状

border-style:solid;边框的样式变成实线

border-style: double;边框变成两条实线

border-style: dotted dashed;两个值 表示上下是点状 左右是线状

border-style: dotted dashed double; 上边框为点状 左右为虚线 下边框是双实线

border-style: solid dotted dashed double; ?顺时针 按照上右下左的顺序 上边框是实线 右边框是点状 下边框是虚线 左边框是双实线

?border-top-style:dotted;单独设置上边框的样式为点状

?border-right-style: dashed;单独设置右边框的样式为虚线

border-bottom-style: double;单独设置下边框的样式为双实线

border-left-style:solid;单独设置左边框的样式为实线

?border-style必须加 因为 其他不加有默认值 而border-style没有颜色的默认是黑色 粗细的默认值是3px

*{margin:0;padding:0;}去除所有元素的内外边距

?margin:10px;margin只设置一个值 上右下左都会设置10px的外边距

margin:10px 50px;margin设置两个值 是上下外边距都是10px 左右外边距都是50px

?margin:10px 30px 20px;设置三个值表示 上边距是10px 左右是30px 下边距是20px

margin-top:20px;单独设置上边距

margin-right:20px;单独设置右边距

?margin-bottom: 20px;设置下边距

?margin-left:20px;单独设置左边距

borderlcons 在delphi7中是什么意思啊

border为英文单词,复合属性。设置对象边框的特性。

把borderlcons 属性下bimaximize,设置为假,即可去掉最大化

把borderlcons 属性下bimiximize,设置为假,即可去掉最小化

把borderlcons 属性下bisystemmenu,设置为假,即可去掉程序主窗体左上角的右键点击提示

希望对你有帮助

(责任编辑:IT教学网)

更多

推荐网站经济文章