staticの読み方

staticの読み方

HTML用語「static」の読み方を掲載してます。

読み⽅

スタティック。

英訳

静的。

staticとは

CSSのpositionプロパティに指定する値です。

positionで使用する値
・static:初期値。
・relative:現在の位置を基準に相対的な位置を決める。
・absolute:親要素を基準に絶対的な位置を決める。
・fixed:ウインドウを基準に一を決める(固定)。

「top」「right」「bottom」「left」など位置指定のプロパティと共に使用します。
指定単位はpx,em,%など。

staticはpositionの初期値で、「top」「right」「bottom」「left」などなど位置指定のプロパティを使用することができません。
(使用しても何も起きません。)
PC とスマホで表示位置を変更するときなど、absolute指定していたものを通常に戻すときなどに使用します。

#sample {
position:relative;
top: 30px;
left:2em;
}
@media screen and (max-width: 480px)
#sample {
position:static;
}
}
ウィンドウサイズ480px以下で#sampleの表示位置を通常(何も指定しない)に戻す