CSS border-color

The CSS border-color property allows you to set the color of the borders of an element. You can specify a single color for all four borders, or you can set different colors for each border individually.

The syntax for setting the border color is:


selector {
  border-color: color1 color2 color3 color4;
}

Where color1, color2, color3, and color4 are the colors you want to use for the top, right, bottom, and left borders respectively.

Here's an example that sets different colors for each border:

Result:

This is an example text with different colored borders.

In the above example, the top border is red, the right border is green, the bottom border is blue, and the left border is yellow.

If you only specify one color, all four borders will have the same color. For example:

Result:

This is an example text with a gray border.

In the above example, all four borders have the same gray color.

You can also use color names, hexadecimal values, RGB values, or any other valid CSS color format to specify the border colors.

Experiment with different colors and border styles to create unique and visually appealing designs for your website!