CSS border-right-style attribute sets the right border style of the element, borderrightstyle
CSS border-right-style attribute setting the right border style of an element
The border style refers to the line attribute of the border, indicating whether the border uses the solid line effect, short line effect, or other line effects.
The border-right-style attribute sets the style of the right border of an element.
The syntax format is as follows:
border-right-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
The border-right-style attribute applies to all elements.
The border-right-style attribute values are described as follows:
| Attribute Value | Description |
|---|---|
| None | No right border. |
| Dotted | The right border is composed of vertices to form a dot-line effect. |
| Dashed | The right border is composed of short lines to form short-line effects. |
| Solid | The right border is a solid line. |
| Double | The right border is a dual-solid line to form a dual-solid line effect. |
| Groove | The right border has a groove with a three-dimensional effect. |
| Ridge | The right border is a spine. |
| Inset | The right border is embedded with a three-dimensional border. |
| Outset | A three-dimensional border is embedded outside the right border. |
Only when the right border is combined with elements and other page attributes can the style be truly displayed. In the above table, the groove, ridge, inset, and outset can be set with the right border color to achieve better results.
Border-right-style attribute instance<! 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 attribute setting instance for the right border style of an element -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>
Read: http://www.manongjc.com/article/1189.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
