CSS border-right-style属性设置元素的右边框样式
2016-09-21 13:05
691 查看
CSS border-right-style属性设置元素的右边框样式
边框的样式指的是边框的线条属性,指的是边框采用的是实线效果、短线效果还是其它的线条效果。border-right-style属性设置的是某一元素的右边框的样式。
语法格式如下:
border-right-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-right-style属性适用于所有元素。
border-right-style属性值说明如下:
属性值 | 说明 |
---|---|
none | 无右边框。 |
dotted | 右边框由点组成,形成点线效果。 |
dashed | 右边框由短线组成,形成短线效果。 |
solid | 右边框是实线。 |
double | 右边框是双实线,形成双实线效果。 |
groove | 右边框带有立体效果的沟槽。 |
ridge | 右边框成脊形。 |
inset | 右边框内嵌一个立体边框。 |
outset | 右边框外嵌一个立体边框。 |
border-right-style属性实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS border-right-style属性设置元素的右边框样式实例-www.manongjc.com</title> <style type="text/css"> <!-- p{width:350px;} .dotted{border-right-style:dotted;} .dashed{border-right-style:dashed;} .solid{border-right-style:solid;} .double{border-right-style:double;} .groove{border-right-style:groove;} .ridge{border-right-style:ridge;} .inset{border-right-style:inset;} .outset{border-right-style:outset;} --> </style> </head> <body> <p class="dotted">右边框由点组成,形成点线效果。</p> <p class="dashed">右边框由短线组成,形成短线效果。</p> <p class="solid">右边框是实线。</p> <p class="double">右边框是双实线,形成双实线效果。</p> <p class="groove">右边框带有立体效果的沟槽。</p> <p class="ridge">右边框成脊形。</p> <p class="inset">右边框内嵌一个立体边框。</p> <p class="outset">右边框外嵌一个立体边框。</p> </body> </html>
参考阅读:http://www.manongjc.com/article/1189.html
相关文章推荐
- 【自学笔记】css 各类边框样式 属性border-style
- JavaScript / jQuery 设置、获取元素属性 值 设置style样式
- CSS border边框属性教程(color style)
- CSS中元素的边框border属性
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- CSS盒模型--边框设置:border: 1px solid red(像素 样式 颜色 ),border-bottom:1px dotted #ccc
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- 动态调整对话框属性(去掉标题栏,去掉边框,修改类似成Border:NONE样式)(调用ModifyStyle和ModifyStyleEx,然后调用SetWindowPos重新显示)
- CSS border边框属性教程(color style)
- jQuery中attr()设置属性,css()设置style里的样式
- js通过标签元素id,用document.getElementById().style设置标签元素的css属性
- 第二章:第四课 css 3.0属性border-radius设置边框圆角
- CSS巧妙设置table边框border的样式
- W3C笔记-CSS巧妙设置table边框border的样式
- Flex中通过borderStyle和dropShadowEnabled样式,给VBox容器设置阴影
- 通过通过分别配置 PagerStyle 和 PagerSettings 属性,自定义页导航的样式和设置
- 用CSS设置的border属性及标签不显示下划线
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- javascript 获取元素计算后的样式及删除style中指定的样式属性
- c# asp.net 后台设置div的css属性,设置style