w3resource

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

Go to Exercise page

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

Firefox logo Chrome logo Opera logo Safari logo Internet Explorer logo
Yes Yes Yes Yes Yes

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.