Home > Article > Web Front-end > What is the syntax of css left border

What is the syntax of css left border

藏色散人Original: 2023-01-31 09:23:511983browse

The css left border syntax is "border-left:value;"; "border-left" is an abbreviated attribute. You can set all the properties of the left border into one statement; you can set the properties in sequence such as " "border-left-width", "border-left-style", "border-left-color".

The operating environment of this tutorial: Windows 10 system, CSS3 version, DELL G3 computer

What is the syntax of the css left border?

border-left

border-left shorthand property sets all properties of the left border into one statement.

You can set the following properties in order: border-left-width, border-left-style, and border-left-color.

If one of the values is not set, it will not Problems such as border-left:solid #ff0000; are also allowed.

Example

Set the style of the left border:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p 
{
	border-style:solid;
	border-left:thick double #ff0000;
}
</style>
</head>

<body>
<p>This is some text in a paragraph.</p>
</body>
</html>

The effect is as follows:

What is the syntax of css left border

Recommended learning: "css video tutorial"

The above is the detailed content of What is the syntax of css left border. For more information, please follow other related articles on the PHP Chinese website!

css css3 border

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to achieve horse racing with cssNext article：How to achieve horse racing with css

See more

What is the syntax of css left border

Related articles