CSS Properties: How to set initial property to the default value of border left color?

Last update on February 19 2024 13:03:28 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html><!-- Declaration of HTML5 document type -->
<html>
<head>
<title>How to set initial property to its default value</title><!-- Title of the HTML document -->
<style>
/* CSS styling */
h1 {
  border-style: solid; /* Specifies the border style as solid for the h1 element */
  border-width: 10px; /* Sets the width of the border to 10 pixels for the h1 element */
  border: 10px solid #C3C3C3; /* Shorthand property to set border width, style, and color */
  border-left-color: initial; /* Sets the left border color to its initial value, which is the value specified by the user agent */
}
</style>
</head>
<body>
<h1>w3resource Tutorial</h1><!-- The h1 element with the specified border properties -->
</body>
</html>

Explanation:

This HTML document illustrates how to set the initial property to its default value for the left border color.
The border style of the h1 element is set to solid.
The width of the border is set to 10 pixels for the h1 element.
The border color is set to a specific color (#C3C3C3) using the shorthand property border.
Finally, the left border color is set to its initial value, which is the default value specified by the user agent.

Live Demo:

See the Pen border-left-color-initial-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page