Css入門: column-rule-style（列規(guī)則樣式）

CSS的column-rule-style屬性用于設(shè)置多列布局中的列規(guī)則的樣式。

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來(lái)，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元寬城做網(wǎng)站,已為上家服務(wù),為寬城各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

語(yǔ)法

column-rule-style屬性的語(yǔ)法如下：

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

取值

• none: 無(wú)邊框。
• hidden: 隱藏邊框。
• dotted: 點(diǎn)線邊框。
• dashed: 虛線邊框。
• solid: 實(shí)線邊框。
• double: 雙線邊框。
• groove: 3D凹槽邊框。
• ridge: 3D凸槽邊框。
• inset: 3D內(nèi)嵌邊框。
• outset: 3D外嵌邊框。
• initial: 設(shè)置為默認(rèn)值。
• inherit: 繼承父元素的值。

示例

以下示例演示了如何使用column-rule-style屬性：

  
這是一個(gè)多列布局的示例文本。
  
這是一個(gè)多列布局的示例文本。
  
這是一個(gè)多列布局的示例文本。
  
這是一個(gè)多列布局的示例文本。
  
這是一個(gè)多列布局的示例文本。
  
這是一個(gè)多列布局的示例文本。

總結(jié)

通過(guò)使用CSS的column-rule-style屬性，我們可以設(shè)置多列布局中的列規(guī)則的樣式?？梢愿鶕?jù)需要選擇不同的樣式，如實(shí)線、虛線、點(diǎn)線等。這樣可以為多列布局增加一些裝飾效果，使其更加美觀。

如果您正在尋找香港服務(wù)器，創(chuàng)新互聯(lián)是您的選擇。我們提供高性能的香港服務(wù)器，可滿足您的各種需求。您還可以免費(fèi)試用我們的香港服務(wù)器，只需支付10元即可享受高品質(zhì)的服務(wù)。

分享文章：Css入門:column-rule-style（列規(guī)則樣式）
分享鏈接：http://www.5511xx.com/article/cciesjp.html