css border-left左边框属性笔记

原创 PHP笔记  2017-12-01 16:15  阅读 1,639 views 次

定义及用法

1、在php中,border-left属性是一个简写属性,是用来把左边框的属性设置到一个声明中。

2、border-left属性可以设置的属性就顺序:

语法格式:

border-left:width style color / inherit;
border-left:style;
border-left:style color;
border-left:width style;

说明:

1、如果设置成inherit,意思是从父元素继承border-left属性的设置;

2、border-left属性中的3个属性值拿一个或两个不设置也是可以的,但必须包含样式(如border-left:solid;和border-left:solid #fff);

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css border-left属性笔记</title>
<style>
.bl1,.bl2,.bl3,.bl4{border-style:solid;margin:10px;}
.bl1{border-left:4px double red;}/*同时设置宽度样式颜色*/
.bl2{border-left:double;}/*只设置样式*/
.bl3{border-left:4px double;}/*只设置宽度和样式*/
.bl4{border-left:double red;}/*只设置样式和颜色*/
</style>
<head/>
<body>
<div class="bl1">
css border-left属性演示1!
</div>
<div class="bl2">
css border-left属性演示2!
</div>
<div class="bl3">
css border-left属性演示3!
</div>
<div class="bl4">
css border-left属性演示4!
</div>
</body>
</html>

运行结果:

css border-left左边框属性笔记

复合属性——>css border边框属性笔记

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-border-left.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情