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

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

創新互聯-專業網站定制、快速模板網站建設、高性價比嫩江網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式嫩江網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋嫩江地區。費用合理售后完善，十多年實體公司更值得信賴。

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

作用：規定列之間的樣式規則。

語法：

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

說明：

none 定義沒有規則。

hidden 定義隱藏規則。

dotted 定義點狀規則。

dashed 定義虛線規則。

solid 定義實線規則。double 定義雙線規則。

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

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

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

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

注釋：

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

效果輸出：

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

感謝你能夠認真閱讀完這篇文章，希望小編分享css中如何使用column-rule-style屬性內容對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，遇到問題就找創新互聯，詳細的解決方法等著你來學習!

當前題目：css中如何使用column-rule-style屬性
URL標題：http://www.yijiale78.com/article18/jcecgp.html

成都網站建設公司_創新互聯，為您提供小程序開發、軟件開發、品牌網站建設、定制網站、外貿建站、微信小程序

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

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