CSS Properties: Properties are used to set the style of the left border.

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

Solution:

HTML Code:

<!DOCTYPE html><!-- Declaration of HTML5 document type -->
<html>
<head>
<title>How to set the style of the left border</title><!-- Title of the HTML document -->
<style>
/* CSS styling */
h1 {
  border-style: solid; /* Sets the border style of the <h1> element */
  border-left: double #CC63FF; /* Sets a double style border with color #CC63FF for the left side of the <h1> element */
}
</style>
</head>
<body>
<h1>w3resource Tutorial</h1><!-- The <h1> element with the specified left border style -->
</body>
</html>

Explanation:

This HTML document demonstrates how to set the style of the left border of an element, specifically an <h1> heading.
The <style> block contains CSS rules targeting <h1> elements.
border-style: solid; sets the border style of the <h1> element to solid, ensuring there is a border present.
border-left: double #CC63FF; sets the left border style of the <h1> element to double, meaning it will have two parallel lines, with color #CC63FF.

Live Demo:

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

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page