CSS Properties: How to specify a left double border?

Go to Exercise page

Solution:

How to specify a left double border

/* CSS styling */
h1  {
  border-style: solid; /* Sets the border style for h1 elements to solid */
  border-width: 5px; /* Sets the border width for h1 elements to 5 pixels */
}
h1.double {border-left-style:double;} /* Defines a class for h1 elements with a double left border */



w3resource Tutorial
Double left border

Explanation:

• This HTML document demonstrates how to specify a left double border for an h1 element.
• The h1 elements have a common style with a solid border and a width of 5 pixels.
• An additional CSS class named double is defined to apply the double border style specifically to the left side.
• The h1 element with the class double is used to demonstrate the double left border.

Live Demo:

See the solution in the browser

Supported browser

Yes	Yes	Yes	Yes	Yes

Go to Exercise page