CSS بوردر-استایل اپریٹر
- ਪਿਛਲੀ ਪੰਨੀ border-start-start-radius
- ਅਗਲਾ ਪੰਨਾ border-top
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
border-style ਪ੍ਰਤੀਯੋਗਿਤਾ ਪ੍ਰਤੀ ਕੇਂਦਰਿਤ ਹੈ ਕਿ ਇਲੈਕਟ੍ਰੌਨਿਕ ਆਈਟਮ ਦੇ ਸਾਰੇ ਬਾਰਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰੇ ਜਾਂ ਹਰ ਹਿੱਸੇ ਲਈ ਸਾਲੇ ਬਾਰਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰੇ。
ਸਿਰਫ਼ ਇਹ ਮੁੱਲ none ਨਹੀਂ ਹੋਣ ਤਾਂ ਬਾਰਡਰ ਦਿਖਾਈ ਦੇਵੇਗਾ。
ਉਦਾਹਰਣ 1
border-style:dotted solid double dashed;
- ਉੱਪਰ ਹਿੱਸੇ ਬਿੰਦੂ ਵਾਲਾ ਹੈ
- ਸੱਜੇ ਹਿੱਸੇ ਸਟਰਾਈਕ ਵਾਲਾ ਹੈ
- ਨੀਚੇ ਹਿੱਸੇ ਦੋ ਹਿੱਸੇ ਵਾਲਾ ਹੈ
- ਸੱਦੇ ਹਿੱਸੇ ਨਾਲੀ ਵਾਲਾ ਹੈ
ਉਦਾਹਰਣ 2
border-style:dotted solid double;
- ਉੱਪਰ ਹਿੱਸੇ ਬਿੰਦੂ ਵਾਲਾ ਹੈ
- ਸੱਜੇ ਹਿੱਸੇ ਅਤੇ ਸੱਦੇ ਹਿੱਸੇ ਸਟਰਾਈਕ ਹਨ
- ਨੀਚੇ ਹਿੱਸੇ ਦੋ ਹਿੱਸੇ ਵਾਲਾ ਹੈ
ਉਦਾਹਰਣ 3
border-style:dotted solid;
- ਉੱਪਰ ਹਿੱਸੇ ਅਤੇ ਨੀਚੇ ਹਿੱਸੇ ਬਿੰਦੂ ਵਾਲੇ ਹਨ
- ਸੱਜੇ ਹਿੱਸੇ ਅਤੇ ਸੱਦੇ ਹਿੱਸੇ ਸਟਰਾਈਕ ਹਨ
ਉਦਾਹਰਣ 4
border-style:dotted;
- ਸਾਰੇ 4 ਹਿੱਸੇ ਬਿੰਦੂ ਵਾਲੇ ਹਨ
ਹੋਰ ਵੇਖੋ:
CSS ਟੂਰਨਲ:CSS ਬੋਰਡਰ
HTML DOM 参考手册：borderStyle 属性
CSS 语法
border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| none | 定义无边框。 |
| hidden | 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 |
| dotted | 定义点状边框。在大多数浏览器中呈现为实线。 |
| dashed | 定义虚线。在大多数浏览器中呈现为实线。 |
| solid | 定义实线。 |
| double | 定义双线。双线的宽度等于 border-width 的值。 |
| groove | 定义 3D 凹槽边框。其效果取决于 border-color 的值。 |
| ridge | 定义 3D 垄状边框。其效果取决于 border-color 的值。 |
| inset | 定义 3D inset 边框。其效果取决于 border-color 的值。 |
| outset | 定义 3D outset 边框。其效果取决于 border-color 的值。 |
| inherit | 规定应该从父元素继承边框样式。 |
描述
最不可预测的边框样式是 double。它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。不过，CSS 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗，也没有指出线之间的空间是否应当比线粗。所有这些都有用户代理决定，创作人员对这个决定没有任何影响。
技术细节
| 默认值： | not specified |
|---|---|
| 继承性： | no |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.borderStyle="dotted double" |
更多实例
- 设置四边框样式
- 本例演示如何设置四边框样式。
- 设置每一边的不同边框
- 本例演示如何在元素的各边设置不同的边框。
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| ਚਰਮੀ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- ਪਿਛਲੀ ਪੰਨੀ border-start-start-radius
- ਅਗਲਾ ਪੰਨਾ border-top
