MENU
  1. ホーム
  2. CSS
  3. wight・height

wight・height

CSS
2023.12.28

wight・heighプロパティは、要素の幅（width）と高さ（height）を設定するプロパティになります。

wight・heightプロパティの説明図
wight・heightプロパティ
記法

.クラス名　{
　wight：要素の幅;
　heigh：要素の高さ;
}

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./main.css" />
    <title>wight-heightプロパティ</title>
  </head>

  <body>
    <div class="wight-height"></div>
  </body>
</html>
.wight-height {
  border: solid 1px black;
  width: 100px;
  height: 100px;
}
出力結果
CSS