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

CSSテーブルレイアウトプロパティの使用

テーブルレイアウト プロパティは、ブラウザがテーブルをレンダリングまたはレイアウトする方法を制御するのに役立ちます。このプロパティには、fixed、auto、inheritの3つの値のいずれかを指定できます。

例

次のコードを実行して、CSS table-layoutを実装してみてください。 プロパティ

<html>
   <head>
      <style>
         table.auto {
            table-layout: auto
         }
         table.fixed{
            table-layout: fixed
         }
      </style>
   </head>
   <body>
      <table class = "auto" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>
      <br />
      <table class = "fixed" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>
   </body>
</html>

  1. CSSでのborder-right-styleプロパティの使用

    border-right-style プロパティは、右の境界線のスタイルを変更します。次のコードを実行して、 border-right-styleを実装してみてください。 プロパティ： 例 <html>    <head>    </head>    <body>       <p style = "border-width:4px;border-right-style:dashed;">     &nb

  2. CSStransition-delayプロパティの使用

    transition-delayを使用します CSSで遷移効果を遅らせるプロパティ。次のコードを実行して、遷移の1秒の遅延を設定することができます 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;         &nbs