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シェイプ

    さあ、楽しいCSSシェイプを作成しましょう！すべてのコードについては、私のCodepenに従ってください。これをやってみましょう。 長方形と正方形 すべての形状はdivでラップされます。デフォルトでは、divは幅と高さのプロパティに応じて正方形または長方形であるため、最も基本的な形状は正方形と長方形です。したがって、正方形の幅と高さは同じですが、長方形はそうではありません： .rectangle { width: 2rem; height: 4rem; background-color: violet; } .square { width: 5rem; height:

  2. CSSの幅のプロパティをアニメーション化

    幅でアニメーションを実装するには CSSでプロパティを使用すると、次のコードを実行してみることができます- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 300px;             height: 25