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

CSSを使用して列間のルールの色を設定します

列間の色を設定するには、 column-rule-colorを使用します 財産。次のコードを実行して、 column-rule-colorを実装してみてください。 プロパティ。

これに伴い、列ルールのスタイルも設定します。

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-gap: 50px;
            column-rule-color: orange;
            column-rule-style: dashed;
         }
     </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.  
         This is demo text. This is demo text.
      </div>
   </body>
</html>

  1. テキストの最後の行をCSSに揃えます

    text-align-lastプロパティは、テキストの最後の行を揃えるために使用されます。次のコードを実行して、テキストの最後の行をCSSに揃えることができます 例 <!DOCTYPE html> <html>    <head>       <style>          .mydiv {             text-align-last: right;    

  2. CSSでテキスト装飾の色を設定します

    テキスト装飾の色を設定するには、text-decoration-colorプロパティ-を使用します 例 <!DOCTYPE html> <html> <head> <style> .demo {    text-decoration: overline;    text-decoration-color: yellow; } </style> </head> <body> <h1>Examination Details</h1> <p cla