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の表示位置を通常(何も指定しない)に戻す
-
前の記事
relativeの読み方 2020.06.09
-
次の記事
perlの読み方 2020.06.09