微信小程序界面设计CSS3在小程序中样式精通课程-第23课-多列-column-rule-style列之间规则的样式

时间：2019/1/13 13:59:19 作者：互联网来源：网络转载查看：23779 评论：0

内容摘要：column-rule-style列之间规则的样式通用语法定义和用法column-rule-style 属性规定列之间的样式规则。默认值：none继承性：no版本：CSS3JavaScript 语法：object.style.columnRuleStyle="dotte...

column-rule-style列之间规则的样式

通用语法

定义和用法

column-rule-style 属性规定列之间的样式规则。

默认值：	none
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.columnRuleStyle="dotted"

语法

值	描述
none	定义没有规则。
hidden	定义隐藏规则。
dotted	定义点状规则。
dashed	定义虚线规则。
solid	定义实线规则。
double	定义双线规则。
groove	定义 3D grooved 规则。该效果取决于宽度和颜色值。
ridge	定义 3D ridged 规则。该效果取决于宽度和颜色值。
inset	定义 3D inset 规则。该效果取决于宽度和颜色值。
outset	定义 3D outset 规则。该效果取决于宽度和颜色值。

实例

设置列之间的颜色规则：

<!DOCTYPE html>

<html>

<head>

<style>

.newspaper

{

-moz-column-count:3; /* Firefox */

-webkit-column-count:3; /* Safari and Chrome */

column-count:3;

-moz-column-gap:40px; /* Firefox */

-webkit-column-gap:40px; /* Safari and Chrome */

column-gap:40px;

-moz-column-rule-style:dotted; /* Firefox */

-webkit-column-rule-style:dotted; /* Safari and Chrome */

column-rule-style:dotted;

}

</style>

</head>

<body>

<p><b>注释：</b>Internet Explorer 不支持 column-rule-style 属性。</p>

人民网北京2月24日电 (记者刘阳)国家发展改革委近日发出通知，决定自2月25日零时起将汽、柴油价格每吨分别提高300元和290元，折算到90号汽油和0号柴油（全国平均）每升零售价格分别提高0.22元和0.25元。

此次国内成品油价格调整幅度，是按照现行国内成品油价格形成机制，根据国际市场油价变化情况确定的。去年11月16日国内成品油价格调整以来，受市场预期欧美经济复苏前景向好以及中东局势持续动荡等因素影响，国际市场原油价格先抑后扬，2月上旬WTI和布伦特原油期货价格再次回升至每桶95美元和115美元以上。虽然近两日价格有所回落，但国内油价挂钩的国际市场三种原油连续22个工作日移动平均价格上涨幅度已超过4%，达到国内成品油价格调整的边界条件。