Dharamvir's Mother
Search results
CSS borders allow you to specify the style, width, and color of an element's border. Learn the different border styles, such as dotted, dashed, solid, double, groove, ridge, inset, outset, none, and hidden.
Find and download thousands of border vectors and illustrations for your creative projects. Choose from different styles, colors, shapes and formats on Freepik.
12,142 Free images of Borders. Select a borders image to download for free. High resolution picture downloads for your next project. Find images of Borders Royalty-free No attribution required High quality images.
Learn how to use the CSS border property to set the style, width and color of the borders for different elements. See examples, syntax, browser support and related pages.
- medium none color
- CSS1
- no
- Overview
- Constituent properties
- Syntax
- Description
The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.
This property is a shorthand for the following CSS properties:
•border-color
•border-style
•border-width
Values
Sets the thickness of the border. Defaults to medium if absent. See border-width. Sets the style of the border. Defaults to none if absent. See border-style. Sets the color of the border. Defaults to currentcolor if absent. See border-color.
As with all shorthand properties, any omitted sub-values will be set to their initial value. Importantly, border cannot be used to specify a custom value for border-image, but instead sets it to its initial value, i.e., none.
The border shorthand is especially useful when you want all four borders to be the same. To make them different from each other, however, you can use the longhand border-width, border-style, and border-color properties, which accept different values for each side. Alternatively, you can target one border at a time with the physical (e.g., border-top ) and logical (e.g., border-block-start) border properties.
Apr 30, 2021 · Learn how to style the border of your boxes with CSS properties such as style, color, width, radius and images. See examples, browser support and tips for creating different border effects.
Aug 4, 2021 · Learn how to use the CSS border property to create and customize borders for web elements. See examples of border-width, border-style, border-color, border-radius, and border shorthand.
