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

CSSでタブ文字の幅を設定する

タブサイズを使用します タブ文字の幅を設定するCSSのプロパティ。次のコードを実行して、tab-sizeプロパティを実装してみてください

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            tab-size: 12;
         }
      </style>
   </head>
   <body>
      <h1>The tab-size Property</h1>
      <pre id = "demo">
         This is demo text.
      </pre>
   </body>
</html>

  1. CSSを使用して列間のルールの幅を設定します

    column-rule-widthを使用します 列間のルールの幅を設定するプロパティ。 例 次のコードを実行して、column-rule-widthプロパティを実装してみてください。 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;   &nb

  2. CSStab-sizeプロパティを使用したHTMLでのタブサイズの設定

    CSSタブサイズプロパティ タブで使用される空白の量を設定できます。次の例は、CSSのtab-sizeプロパティを示しています。 例 <!DOCTYPE html> <html> <head> <style> body {    display: flex;    flex-direction: column; } p {    white-space: pre; } p:last-of-type {    tab-size: 32;    -mo