数値データ型階層構造

CSS数値データ型

階層

 状態:-  閲覧数:1,912  投稿日:2016-05-11  更新日:2016-05-12
1.<integer>型

2.<number>型

3.<percentage>型
・%がすぐ後に続く<number>型

4.単位を伴うNumbers: dimensions
・単位識別子がすぐ後に続く<number>型
┣<length>長さ
┃┃
┃┣相対長さ … em、ex、ch、rem、vw、vh、vmin、vmax
┃┃
┃┗絶対長さ … cm、mm、q、in、pt、pc、px

┣<time>継続時間
┣<frequency>周波数
┗<resolution>解像度

要点

 閲覧数:650 投稿日:2016-05-11 更新日:2016-05-12

仕様では「%」「px」を同階層で定義していない


CSS Values and Units Module Level 3


%


<percentage>型 / パーセンテージ
・%がすぐ後に続く<number>型
4.3. Percentages: the <percentage> type
日本語訳


px


単位を伴うNumbers: dimensions
・単位識別子がすぐ後に続く<number>型
・<length>長さ
・ 相対長さ
5.2. Absolute lengths: the cm, mm, q, in, pt, pc, px units
日本語訳


単位をもつ数字:ディメンション / Numbers with Units: dimensions



週間人気ページランキング / 5-4 → 5-10
順位 ページタイトル抜粋 アクセス数
1 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 15
2 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 9
3 Design 0 8
4 RGBの種類 / ビットカラー | RGB(色) 6
4 Photoshop無料アクションファイル(atn)導入見送り | Photoshop 6
5 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 5
6 ログイン 3
6 CSSトラブル対応(CSS) カテゴリー 3
6 画像縦横比の問題 | 画像 3
6 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
6 アイコン | 3系(Bootstrap) 3
7 今回(最終的に)実行した手順 / CSSトラブル時の対応はプログラミングと同じ / 問題と思われる箇所を特定 2
7 HTML5(HTML) カテゴリー 2
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
7 Flickrがサポートするライセンス 9 + 特別なライセンス 2 | 画像著作権(画像) 2
7 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 2
7 画像素材 | 画像 2
7 Firefox 8.0 にしたら、Firebugタイトル部分の半角スペースに‌·が入るようになったので、メモ | Firefox(ブラウザ) 2
7 エラー:Google chrome で問題が発生しました。今すぐ再起動しますか? | Google Chrome(ブラウザ) 2
7 利用する関数別(2種類) 2
2026/5/11 5:05 更新