border是复合属性吗(border复合属性内部包含)
在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,设置为假,即可去掉程序主窗体左上角的右键点击提示
希望对你有帮助