站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
CSS边框
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span> <div style="clear:both;"></div> ==border== 语法:border : border-width || border-style || border-color <br> 取值:<br> 该属性是复合属性。请参阅各参数对应的属性。<br> 默认值为: medium none 。 border-color 的默认值将采用文本颜色。<br> 说明:<br> 设置对象的[[边框样式]]。<br> 当你指定了边框颜色( border-color )和边框宽度( border-width )时,你必须同时指定边框样式( border-style ),否则边框不会被呈现。<br> 如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。<br> 例如:设置 border : thin 等于设置 border : thin none ,而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 对应的脚本特性为 border 。 <br> 示例: <br>p { border: thick double yellow; }<br> blockquote { border: dotted gray; } <br> p { border: 25px; } ==border-col== 语法:border-color : color <br> 取值:<br> color : 指定颜色。请参阅 颜色单位 和 附录:颜色表 <br> 说明:<br> 设置对象边框的颜色。<br> 如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。<br> 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 如果 border-style 设置为 none ,本属性将失去作用。<br> 对应的脚本特性为 borderColor 。 <br> 示例: <br>ody { border-color: silver ;red; } <br> body { border-color: silver red RGB(223, 94, 77); } <br> body { border-color: silver red RGB(223, 94, 77) black; } ==border-style== 语法:border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset <br> 取值:<br> none : 默认值。无边框。不受任何指定的 border-width 值影响 <br> hidden : 隐藏边框。IE不支持 <br> dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 <br> dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 <br> solid : 实线边框 <br> double : 双线边框。两条单线与其间隔的和等于指定的 border-width 值 <br> groove : 根据 border-color 的值画3D凹槽 <br> ridge : 根据 border-color 的值画3D凸槽 <br> inset : 根据 border-color 的值画3D凹边 <br> outset : 根据 border-color 的值画3D凸边 <br> 说明:<br> 设置对象边框的样式。<br> 如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。<br> 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 对应的脚本特性为 borderStyle 。 <br> 示例: <br>body { border-style: double groove; } <br> body { border-style: double groove dashed; } ==border-width== 语法:border-width : medium | thin | thick | length <br> 取值:<br> medium : 默认值。默认宽度 <br> thin : 小于默认宽度 <br> thick : 大于默认宽度 <br> length : 由浮点数字和单位标识符组成的长度值。不可为负值。<br> 说明:<br> 设置对象边框的宽度。<br> 如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。<br> 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 如果 border-style 设置为 none ,本属性将失去作用。<br> 对应的脚本特性为 borderWidth 。 <br> 示例:<br> div { border-style: solid; border-width: thin; } <br> span { display: block; border-style: solid; border-width: 1px thin; }<br> p { border-color: #000000; border-width: 1px 1px 2px 3px; } ==border-top== 语法:border-top : border-width || border-style || border-color <br> 取值:<br> 该属性是复合属性。请参阅各参数对应的属性。<br> 默认值为: medium none 。 border-color 的默认值将采用文本颜色。 <br> 说明:<br> 设置对象上边框的样式。<br> 当你指定了边框颜色( border-top-color )和边框宽度( border-top-width )时,你必须同时指定边框样式( border-top-style ),否则边框不会被呈现。<br> 如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。<br> 例如:设置 border-top : thin 等于设置 border-top : thin none ,而 border-top-color 的默认值将采用文本颜色。因此此前的任何 border-top-color 和 border-top-width 设置都会被清除。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 对应的脚本特性为 borderTop 。 <br> 示例: <br>div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; } ==border-top-color== 语法:border-top-color : color <br> 取值: <br>color : <br> 说明:<br> 设置对象上边框的颜色。<br> 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 如果 border-top-style 设置为 none 或 border-top-width 设置为 0 ,本属性将失去作用。<br> 对应的脚本特性为 borderTopColor 。 <br> 示例:<br> div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;} <br> ==border-top-style== 语法: <br> border-top-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset <br> 取值:<br> none : 默认值。无边框。不受任何指定的 border-width 值影响 <br>hidden : 隐藏边框。IE不支持 <br> dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 <br> dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 <br> solid : 实线边框 <br> double : 双线边框。两条单线与其间隔的和等于指定的 border-width 值 <br> groove : 根据 border-color 的值画3D凹槽 <br> ridge : 根据 border-color 的值画菱形边框 <br> inset : 根据 border-color 的值画3D凹边 <br> outset : 根据 border-color 的值画3D凸边 <br> 说明:<br> 设置对象上边框的样式。<br> 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 如果 border-top-width 设置为 0 ,本属性将失去作用。<br> 对应的脚本特性为 borderTopStyle 。 <br> 示例: <br>body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; } <br> ==border-top-width== 语法: <br> border-top-width : medium | thin | thick | length <br> 取值:<br> medium : 默认值。默认宽度 <br> thin : 小于默认宽度 <br> thick : 大于默认宽度 <br> length : 由浮点数字和单位标识符组成的长度值。不可为负值。<br> 说明:<br> 设置对象上边框的宽度。<br> 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br> 在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。<br> 对应的脚本特性为 borderTopWidth 。 <br> 示例:<br> span { border-top-width: thin; border-top-style: solid; } <br> span { border-bottom-width: thin; border-bottom-style: solid; } <br> span { border-left-width: thin; border-left-style: solid; } <br> span { border-right-width: thin; border-right-style: solid; } <br> 除了这里介绍的border-top属性,CSS里还border-left/right等相关的样式属性,语法与上述介绍的相同,这里不在赘述。 [[category:CSS学习教程]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:开发语言导航
(
编辑
)