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

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

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

ric”について

ric”はルート要素を表示するのに使用されるフォントの“水(U+6C34)”の文字の送り幅を“1ric”と定義した相対単位です。

ルート要素のfont-size”プロパティの値に使用する場合やルート要素がないはfont-size”プロパティの初期値をもとに長さを計算します。

icとは違い“ric”は指定する要素にかかわらず常にルート要素に指定された文字の大きさに依存するので要素の親子関係を考慮せずに長さを指定できます。

使用例

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

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

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

長さ
<div class="boxw-3ric">
width: 3ric;
</div>

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

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

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