首页  >  文章  >  web前端  >  css左边框语法是什么

css左边框语法是什么

藏色散人
藏色散人原创
2023-01-31 09:23:511989浏览

css左边框语法是“border-left:值;”;“border-left”是一个简写属性,可以把左边框的所有属性设置到一个声明中;可以按顺序设置属性如“border-left-width”、“border-left-style”、“border-left-color”。

css左边框语法是什么

本教程操作环境:Windows10系统、CSS3版、DELL G3电脑

css左边框语法是什么?

border-left

border-left 简写属性把左边框的所有属性设置到一个声明中。

可以按顺序设置如下属性: border-left-width, border-left-style, and border-left-color.

如果不设置其中的某个值,也不会出问题,比如 border-left:solid #ff0000; 也是允许的。

实例

设置左边框的样式:

<!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>

效果如下:

1637079f42312b69bdb2fbf09b6fcb3.jpg

推荐学习:《css视频教程

以上是css左边框语法是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn