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

CSSでボックスの幅を設定する

幅 プロパティは、ボックスの幅を設定するために使用されます。長さ、パーセンテージ、またはキーワードautoの値を取ることができます。

例 次のコードを実行して幅を設定してみてください-

<html>
   <head>
   </head>
   <body>
      <p style = "width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;">
         This paragraph is 200pixels wide and 50 pixels high
      </p>
   </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;          }