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

CSSでパーセントを使用して画像の高さと幅を設定します

％を使用して画像の高さと幅を設定するには、次のコードを実行してみてください-

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            height: 50%;
            width: 50%;
         }
      </style>
   </head>
   <body>
      <p>Sized image in %</p>
      <img src = "https://www.tutorialspoint.com/videotutorials/assets/videos/courses/155/images/course_155_image.png" alt = "CSS" width = "200" height = "200">
   </body>
</html>

  1. CSSの幅と高さのプロパティ

    高さと幅は要素のコンテンツ専用に定義できますが、これらのプロパティには余白、パディング、境界線は含まれていません。 構文 CSSのheightプロパティの構文は次のとおりです- Selector {    height: /*value*/ } CSSwidthプロパティの構文は次のとおりです- Selector {    width: /*value*/ } 幅と高さのプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <title>CSS height

  2. CSSの要素の幅と高さ

    CSSのheightプロパティとwidthプロパティは、要素の高さと幅をそれぞれ指定するために使用されます。 max-height、max-width、min-height、およびmin-widthプロパティを使用して、これらのプロパティの最大値と最小値を設定することもできます。 構文 CSSの高さとCSSの幅のプロパティの構文は次のとおりです- Selector {    height: /*value*/    width: /*value*/ } 要素の実際の幅と高さは次のように計算されます- ボックスサイズ 計算 全幅 幅+パディン