CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

すべてのcolumn-rule-*プロパティを設定するための省略形プロパティ

列ルールの省略形のプロパティは、column-ruleプロパティです。次のコードを実行して、 column-ruleを実装してみてください。 プロパティ

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-gap: 50px;
            column-rule: 2px dotted orange;
         }
      </style>
   </head>
   <body>
      <div class = "demo">
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text.
      </div>
   </body>
</html>

  1. CSSのShorthandプロパティの概要

    アウトラインの省略形プロパティは、要素の境界の周りに特定のスタイル（必須）、太さ、色の線を描画するように定義できますが、アウトラインは、境界プロパティとは異なり、要素の寸法の一部ではありません。 構文 CSSアウトラインShorthandプロパティの構文は次のとおりです- Selector {    outline: /*value*/ } 例 概要の速記の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>CSS outline Shorthand</titl

  2. CSSでのカラープロパティの設定

    CSSを使用して、要素のテキスト、境界線、背景の色を定義できます。 colorプロパティは、要素のテキストの色を指定するために使用されます。 構文 CSScolorプロパティの構文は次のとおりです- Selector {    color: /*value*/ } 次の例は、CSSカラープロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    color: seashell;    background-color