How does css style one of the edges of an element box

This article is about how css styles one of the edges of an element box. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Suppose you want to set the rig border trick for one side of the element box, instead of setting the border pattern for all four sides of the rig, maybe use the one-sided border formatting property above:

Border-top-style

Border-right-style

Border-bottom-style

Border-left-style

So these two methods are equivalent:

P {border-style: solid solid solid none;} p {border-style: solid; border-left-style: none;}

Beware: if you want to use the second method, you must put the unilateral attribute after the abbreviated attribute. Because if you put a unilateral attribute in the past of border-style, the value of the abbreviated attribute will cover the unilateral value none.

Thank you for reading! This is the end of this article on "how to set the border style of an element box by css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!