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

This article mainly shows you "what is the border attribute in CSS", the content is simple and clear, and I hope it can help you solve your doubts. Let me lead you to study and learn what the border attribute in CSS is.

The CSS border properties are: border, border-radius, border-color, border-left, border-right, border-style, border-top, border-width, border-image, and so on.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Border properties in CSS

The CSS border property allows you to specify the style and color of an element border.

List of CSS Border Properties

Property describes the CSSborder compound property. Sets the properties of the object border. 1border-bottom compound attribute. Sets the properties of the bottom border of the object. 1border-bottom-color sets or retrieves the bottom border color of the object. 1border-bottom-style sets or retrieves the bottom border style of the object. 1border-bottom-width sets or retrieves the bottom border width of the object. 1border-color sets or retrieves the border color of the object. 1border-left compound attribute. Sets the properties of the left border of the object. 1border-left-color sets or retrieves the color of the left border of the object. 1border-left-style sets or retrieves the left border style of the object. 1border-left-width sets or retrieves the width of the left border of the object. 1border-right compound attribute. Sets the properties of the right border of the object. 1border-right-color sets or retrieves the right border color of the object. 1border-right-style sets or retrieves the right border style of the object. 1border-right-width sets or retrieves the right border width of the object. 1border-style sets or retrieves the border style of the object. 1border-top compound attribute. Sets the properties of the top border of the object. 1border-top-color sets or retrieves the top border color of the object 1border-top-style sets or retrieves the top border style of the object. 1border-top-width sets or retrieves the top border width of the object. 1border-width sets or retrieves the border width of the object. 1border-bottom-left-radius sets or retrieves the fillet border in the lower-left corner of the object. Provide 2 parameters, 2 parameters separated by spaces, each parameter allows to set 1 parameter value, the first parameter represents the horizontal radius, the second parameter represents the vertical radius, if the second parameter is omitted, then by default equal to the first parameter 3border-bottom-right-radius sets or retrieves the lower right corner fillet border of the object. 3border-image sets or retrieves the border style of an object to be filled with an image. 3border-image-outset specifies the amount by which the frame image exceeds the frame. 3border-image-repeat specifies whether the image frame should be repeated (repeated), stretched (stretch), or rounded (rounded). 3border-image-slice specifies the inward offset of the image frame. 3border-image-source specifies the image to be used instead of the border style set in the border-style property. 3border-image-width specifies the width of the image frame. 3border-radius sets or retrieves objects using rounded borders. 3border-top-left-radius defines the shape of the upper-left border. 3border-top-right-radius defines the shape of the upper-right border. 3 above are all the contents of the article "what are the border properties in CSS?" Thank you for your 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.