relativeの読み方

relativeの読み方

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

読み⽅

レラティブ。
名詞は「relation」(リレーション)なのでリレーティブかと思ってました。

英訳

相対的。

relativeとは

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

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

positionを指定しただけでは何も変化せず、「top」「right」「bottom」「left」など位置指定のプロパティと共に使用します。
指定単位はpx,em,%など。

使用例
#sample {
position:relative;
top: 30px;
left:2em;
}
現在(指定前)の位置を基準として#sampleを30px下に2em右に移動。