Shulou(Shulou.com)06/01 Report--

Editor to share with you how css uses top-right-bottom-left to set the order of elements, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

You can set the borders of elements in the order of top-right-bottom-left:

P {border-style: solid; border-width: 15px 5px 15px 5px;}

The above example can also be abbreviated as (this is called value replication):

P {border-style: solid; border-width: 15px 5px;}

You can also set the width of each side of the border with the following properties:

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Therefore, the following rules are equivalent to the above example:

P {border-style: solid; border-top-width: 15px; border-right-width: 5px; border-bottom-width: 15px; border-left-width: 5px;} these are all the contents of the article "how css uses top-right-bottom-left to set elements in order". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.