Search results
The border-color property is used to set the color of the four borders. The color can be set by: name - specify a color name, like "red". HEX - specify a HEX value, like "#ff0000". RGB - specify a RGB value, like "rgb (255,0,0)" HSL - specify a HSL value, like "hsl (0, 100%, 50%)" transparent.
The border-color property sets the color of an element's four borders. This property can have from one to four values. If the border-color property has four values: border-color: red green blue pink; top border is red. right border is green. bottom border is blue.
Apr 25, 2024 · The border-color shorthand CSS property sets the color of an element's border. Try it. Each side can be set individually using border-top-color, border-right-color, border-bottom-color, and border-left-color; or using the writing mode-aware border-block-start-color, border-block-end-color, border-inline-start-color, and border-inline-end-color.
Jun 14, 2024 · The border-color property in CSS is used to set the color of an element’s border. It only works when the border-style property is defined, as border-color alone does not render a visible border. The property can accept one to four values, corresponding to the top, right, bottom, and left borders, respectively.
CSS border-color Syntax. The syntax for the border-color property is as follows, border-color: color | transparent; Here, color: specifies the color value in any formats such as color name, HEX, RGB, and HSL. transparent: sets the border color to be transparent.
# border-color. Defines the color of the element's borders. defaultborder-color: transparent; Applies a transparent color to the borders. The borders will still take up the space defined by the border-width value. Hello world. border-color: red; You can use one of the 140+ color names. Hello world. border-color: #05ffb0;
Jul 20, 2017 · The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color
May 13, 2021 · border-color. Published May 13, 2021 • Updated Nov 29, 2023. Contribute to Docs. Sets the color of the border. The default value is the current element color. Syntax. border-color: <color>; where <color> can be one of the following: Color keyword: red, transparent, darkblue. Hexadecimal value: #FF0000. RGB value: rgb(255, 0, 0)
Aug 31, 2011 · The border property is a shorthand syntax in CSS that accepts multiple values for drawing a line around the element it is applied to. .belement{ border: 3px solid red; width: 200px; aspect-ratio: 1; } Syntax. border: <line-width> || <line-style> || <color> Values. The border property accepts one or more of the following values in combination:
Jun 13, 2024 · The CSS border property enables the styling of an element’s border by setting its width, style, and color, allowing for customizable visual boundaries in web design. 1. Border Style. CSS border-top style Property. border-right-style Property. border-bottom-style Property. border-left-style Property. 2. Border Width. border-top-width Property.
