このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

CSSの長さの単位~“dvbValues and Units Module Level 4 で追加

記事Jul.19th,2021
CSSの長さの単位、“dvb”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

dvb”について

dvb”はルート要素(HTMLでは通常はhtml”要素)のブロック軸方向の動的ビューポートの長さの1%を“1dvb”と定義した相対単位です。

ビューポートのイメージ

ルート要素のテキストが横書きの場合は1dvhと、縦書きの場合は1dvwと等しくなります。

動的ビューポートの大きさはユーザー・エージェントのインターフェースの格納や拡張によって変動するため、“1dvb”の大きさもそれに合わせて変動します。

使用例

div.sample-box { font-size: 16px;}

p.font-5dvb { font-size: 5dvb;}
div.boxw-5dvb { width: 5dvb;}
文字の大きさ“16px”の親要素
<div class="sample-box">

文字の大きさ
<p class="font-5dvb">
猫は、上のかぎり黒くて、ことはみな白き。
</p>

長さ
<div class="boxw-5dvb">
width: 5dvb;
</div>

</div>
文字の大きさ“16px”の親要素
文字の大きさ

猫は、上のかぎり黒くて、ことはみな白き。

長さ
width: 5dvb;
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク