CSS3 column-rule 属性 | CSS3教程:CSS3 多列

返回到:CSS3 多列 | CSS3教程

属性定义及使用说明

column-rule 属性

column-rule属性是一个速记属性设置所有column-rule-*属性。column-rule属性设置列之间的宽度,样式和颜色。

默认值:medium none black
继承:no
版本:CSS3
JavaScript 语法:object.style.columnRule=”3px outset #ff00ff”

语法

column-rule: column-rule-width column-rule-style column-rule-color;
说明
column-rule-width设置列中之间的宽度规则
column-rule-style设置列中之间的样式规则
column-rule-color设置列中之间的颜色规则

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性谷歌IE火狐苹果opera
column-rule50.0
4.0 -webkit-
10.02.0 -moz-9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

实例

指定列之间的规则:宽度,样式和颜色:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Web176教程网(web176.com)</title> 
<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:4px outset #ff00ff; /* Firefox */
	-webkit-column-rule:4px outset #ff00ff; /* Safari and Chrome */
	column-rule:4px outset #ff00ff;
}
</style>
</head>
<body>

<p><b>注意:</b> Internet Explorer 9及更早 IE 版本浏览器不支持 column-count 属性。</p>

<div class="newspaper">
当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。
</div>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/css3shuxing/5034.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年1月7日 下午4:43
下一篇 2022年1月7日 下午4:48

相关推荐

发表回复

登录后才能评论
nic porn hdmovz.mobi omansex
my sexy savita tubster.net oral sex mms
sexy hollywood movies thempeg.mobi zulu reed dance bathing
صور سكس ليلى علوى wahmbahm.com نيك اسكندراني
indian outdoor xnxx hdtporno.org bollywood actress xvideo
latest xvideos whiteporntube.info sexy gand mari
سكس جد teenagesexvids.com فيلم جنسى كامل
www.desi xb.com cumshotporntrends.com www indian sex con
indian style fucking pornodon.net kamwali bai
سكس اخ ينيك اختو noodporn.com سكس امهات وصبى
3gp sex.com hindipornmovies.org namitha bf videos
سكس هواه ounoun.com افلام اغتصاب مترجمة
you tube8 pornvideox.mobi desi sex videos download
سكس بنات مع كلاب xltcf.com سكس مصري مخفي
indian mobil sex nudeindiantube.net xvideos.tamil