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

CSSを使用してテーブルセル間の幅を設定する

境界間隔 テーブルセル間の幅を指定します。 1つまたは2つの値を取ることができます。これらは長さの単位である必要があります。

例

次のコードを実行して、テーブルセルの幅を設定できます。

<html>
   <head>
      <style>
         table.one {
            border-collapse:separate;
            width:300px;
            border-spacing:15px 40px;
         }
      </style>
   </head>
   <body>
      <table class = "one" border = "2">
         <caption>The border-spacing property</caption>
         <tr><td> India </td></tr>
         <tr><td> UK </td></tr>
      </table>
      <br />
   </body>
</html>

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

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

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

    タブサイズを使用します タブ文字の幅を設定するCSSのプロパティ。次のコードを実行して、tab-sizeプロパティを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             tab-size: 12;          }