溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間：2020-09-24 10:08:55 來源：億速云 閱讀：124 作者：小新 欄目：web開發(fā)

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

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

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

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

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

語法：

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

說明：

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

效果輸出：

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

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

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手