列表边框column-rule

column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。

语法规则：

column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>

取值说明：

属性值	属性值说明
column-rule-width	类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。
column-rule-style	类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。
column-rule-color	类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色)

例如：为了能有效区分栏目列之间的关系，可以为其设置一个列边框，代码为：

column-rule: 2px dotted green

转载于:https://www.cnblogs.com/gulan/p/5842677.html

列表边框column-rule相关推荐

【CSS从入门到入土系列】—— 列表边框属性专题
列表标识符\color{pink}{列表标识符}列表标识符 (1)修改默认列表标识符 list-style-type circle 空心圆 square 实心方块 disc 默认 ...
Python去除列表边框的办法
目录前言 join语法以及实践结语前言在写Python代码时,我遇到了这样的一个问题:需要的元素再嵌套列表中,我需要同时输出列表的每一个子列表中的所有元素,我需要的输出不是列表.将列表用for ...
html列表边框有弧度,CSS边框带弧度代码怎么写
这篇文章主要为大家详细介绍了CSS边框带弧度代码怎么写,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 不少的时候看到别人的网站的框架很好看,边框都带有一定的弧度 ...
Css3 Column实现瀑布流
基础知识总结: CSS3多列column rule 1.column-count 说明:属性规定元素应该被分隔的列数适用于:除table外的非替换块级元素,table,cells,inline-bl ...
Lumen rule
之前写了了laravel表单验证的生命周期:https://www.cnblogs.com/cxscode/p/7561277.html 今天来总结一下lumen的Validator的一些使用心得可 ...
yii2权限控制rbac之rule详细讲解(转)
在我们之前yii2搭建后台以及rbac详细教程中,不知道你曾经疑惑过没有一个问题,rule表是做什么的,为什么在整个过程中我们都没有涉及到这张表? 相信我不说,部分人也都会去尝试,或百度或google ...
网络基础之ACL（访问控制列表）
本章目录一.概念 1.ACL 2.ACL在接口上的应用 3.ACL的工作原理 4.ACL的作用 5.ACL种类 6.ACL的应用原则和规则二.配置实验一.概念 1.ACL ACL(Access ...
1.2文字排版、颜色、表格、图像形状、Jumbotron、信息提示框、按钮、按钮组、徽章、加载效果、分页、列表组、卡片、下拉菜单、折叠
Bootstrap 5 默认设置 Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5. 此外,所有的 <p> 元素 margin-top ...
华为ENSP——ACL访问控制列表
文章目录一.实验步骤 1.1 实验拓扑图 1.2 需求及分析: 1.3 实验详细步骤及配置: 一.实验步骤 1.1 实验拓扑图 1.2 需求及分析: 需求 1.实现全网互通 2.设置标准访问控制列表 ...

列表边框column-rule

列表边框column-rule相关推荐

最新文章

热门文章