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.
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.
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.
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:
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: sets the color of the border. border: shorthand property to specify border-style, border-width, and border color. border-radius: sets the radius of the border. border-image: allows to set an image as a border. We will look at each of them briefly. CSS border-style Property.
# border-color. Defines the color of the element's borders. default border-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. /* border-color: color */ /* the color applies to all sides */ . border-color: red; /* border-color: top&bottom right&left */ border-color: red #f015ca;
Feb 23, 2023 · The CSS border-style property specifies what type of border to display. There are ten possible values you can use to set the border-style property. Let’s take a quick look at them below. None: specifies no border. Solid: specifies a solid border. Dashed: specifies a dashed border. Dotted: specifies a dotted border. Double: specifies a double border
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)