Home >Web Front-end >Front-end Q&A >How to use css border-left-style property
How to use css border-left-style property
- 藏色散人Original
- 2019-05-29 13:35:403043browse
css border-left-style property is used to set the style of the left border of the element. The border may appear only when this value is not none.
How to use the css border-left-style property?
Function: Set the style of the left border of the element.
Note: The border may appear only when this value is not none. In CSS1, HTML user agents only need to support solid and none.
Note: The attribute values "inherit" or "hidden" are not supported in any version of Internet Explorer (including IE8).
css border-left-style property usage example
<html>
<head>
<style type="text/css">
p
{
border-style:solid;
}
p.none {border-left-style:none}
p.dotted {border-left-style:dotted}
p.dashed {border-left-style:dashed}
p.solid {border-left-style:solid}
p.double {border-left-style:double}
p.groove {border-left-style:groove}
p.ridge {border-left-style:ridge}
p.inset {border-left-style:inset}
p.outset {border-left-style:outset}
</style>
</head>
<body>
<p class="none">No left border.</p>
<p class="dotted">A dotted left border.</p>
<p class="dashed">A dashed left border.</p>
<p class="solid">A solid left border.</p>
<p class="double">A double left border.</p>
<p class="groove">A groove left border.</p>
<p class="ridge">A ridge left border.</p>
<p class="inset">An inset left border.</p>
<p class="outset">An outset left border.</p>
</body>
</html>Effect output:
The above is the detailed content of How to use css border-left-style property. For more information, please follow other related articles on the PHP Chinese website!