css中如何使用column-rule-style屬性

這篇文章主要介紹了css中如何使用column-rule-style屬性，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比嫩江網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式嫩江網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋嫩江地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

css column-rule-style屬性用于規(guī)定列之間的樣式規(guī)則，其語(yǔ)法是column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset。

css中如何使用column-rule-style屬性

css column-rule-style屬性怎么用？

作用：規(guī)定列之間的樣式規(guī)則。

語(yǔ)法：

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

說(shuō)明：

none    定義沒(méi)有規(guī)則。

hidden    定義隱藏規(guī)則。

dotted    定義點(diǎn)狀規(guī)則。

dashed    定義虛線規(guī)則。

solid    定義實(shí)線規(guī)則。double    定義雙線規(guī)則。

groove    定義 3D grooved 規(guī)則。該效果取決于寬度和顏色值。

ridge    定義 3D ridged 規(guī)則。該效果取決于寬度和顏色值。

inset    定義 3D inset 規(guī)則。該效果取決于寬度和顏色值。

outset    定義 3D outset 規(guī)則。該效果取決于寬度和顏色值。

注釋：

Internet Explorer 10 和 Opera 支持 column-rule-style 屬性。Firefox 支持替代的 -moz-column-rule-style 屬性。Safari 和 Chrome 支持替代的 -webkit-column-rule-style 屬性。Internet Explorer 9 以及更早版本的瀏覽器不支持 column-rule-style 屬性。

css column-rule-style屬性使用示例

<!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>
<div class="newspaper">
人民網(wǎng)北京2月24日電 (記者 劉陽(yáng))國(guó)家發(fā)展改革委近日發(fā)出通知，決定自2月25日零時(shí)起將汽、柴油價(jià)格每噸分別提高300元和290元，折算到90號(hào)汽油和0號(hào)柴油（全國(guó)平均）每升零售價(jià)格分別提高0.22元和0.25元。
此次國(guó)內(nèi)成品油價(jià)格調(diào)整幅度，是按照現(xiàn)行國(guó)內(nèi)成品油價(jià)格形成機(jī)制，根據(jù)國(guó)際市場(chǎng)油價(jià)變化情況確定的。去年11月16日國(guó)內(nèi)成品油價(jià)格調(diào)整以來(lái)，受市場(chǎng)預(yù)期歐美經(jīng)濟(jì)復(fù)蘇前景向好以及中東局勢(shì)持續(xù)動(dòng)蕩等因素影響，國(guó)際市場(chǎng)原油價(jià)格先抑后揚(yáng)，2月上旬WTI和布倫特原油期貨價(jià)格再次回升至每桶95美元和115美元以上。雖然近兩日價(jià)格有所回落，但國(guó)內(nèi)油價(jià)掛鉤的國(guó)際市場(chǎng)三種原油連續(xù)22個(gè)工作日移動(dòng)平均價(jià)格上漲幅度已超過(guò)4%，達(dá)到國(guó)內(nèi)成品油價(jià)格調(diào)整的邊界條件。
通知指出，這次成品油調(diào)價(jià)后，國(guó)家將按照已建立的補(bǔ)貼機(jī)制，繼續(xù)對(duì)種糧農(nóng)民、漁業(yè)（含遠(yuǎn)洋漁業(yè)）、林業(yè)、城市公交、農(nóng)村道路客運(yùn)（含島際和農(nóng)村水路客運(yùn)）等給予補(bǔ)貼。同時(shí)，為保證市場(chǎng)物價(jià)基本穩(wěn)定，防止連鎖漲價(jià)，對(duì)與居民生活密切相關(guān)的鐵路客運(yùn)、城市公交、農(nóng)村道路客運(yùn)（含島際和農(nóng)村水路客運(yùn)）價(jià)格不作調(diào)整。
通知要求，中石油、中石化、中海油三大公司要組織好成品油生產(chǎn)和調(diào)運(yùn)，保持合理庫(kù)存，加強(qiáng)綜合協(xié)調(diào)和應(yīng)急調(diào)度，保障成品油供應(yīng)。各級(jí)價(jià)格主管部門(mén)要加大市場(chǎng)監(jiān)督檢查力度，依法查處不執(zhí)行國(guó)家價(jià)格政策，以及囤積居奇、造謠惑眾、合謀漲價(jià)、搭車(chē)漲價(jià)等違法行為，維護(hù)正常市場(chǎng)秩序。
</div>
</body>
</html>

效果輸出：

css中如何使用column-rule-style屬性

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css中如何使用column-rule-style屬性內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

當(dāng)前題目：css中如何使用column-rule-style屬性
URL標(biāo)題：http://bm7419.com/article18/jcecgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、軟件開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、定制網(wǎng)站、外貿(mào)建站、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作