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

CSSのborder-spacingプロパティの使用

境界間隔 テーブルセル間の幅を指定します。 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でのborder-left-widthプロパティの使用

    border-left-width プロパティは、左の境界線の幅を変更します。次のコードを実行して、 border-left-widthを実装してみてください。 プロパティ： 例 <html>    <head>    </head>    <body>       <p style = "border-left-width:6px;border-style:solid;">       &nb

  2. CSSのlist-style-typeプロパティの使用法

    list-style-type マーカーの形状や外観を制御できます。次のコードを実行して、 list-style-typeを実装してみてください。 プロパティ 例 <html>    <head>    </head>    <body>       <ul style = "list-style-type:circle;">          <li>India