数値データ型階層構造

CSS ＞ 数値データ型

階層

　状態:- 　閲覧数:1,856 　投稿日: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>解像度

要点

　閲覧数:616　投稿日: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



類似度ページランキング
順位 ページタイトル抜粋 ％
1 数値データ型階層構造 100
2 数値データ型 ／ Numeric Data Types 32
3 IEエミュレータ 22
4 HTMLエディタ 22
5 グラデーション練習 21
6 色モデルイメージ図 21
7 効果を打ち消すスタイルシート 17
8 複数画像一括レタッチ処理実行 17
9 背景CSS シームレスパターン 16
10 階層表示 ／ ウィキペディア（Wikipedia）方式 16
11 探している「HTML5エディタ」 15
12 キャラクター無料作成ソフトウェア 15
13 モバイルデザイン6 ／ フォーム 15
14 トップページタイトル表示形式調査 15
15 (私の)CSSコーディングルール 15
16 HTML5タグ 及び テンプレート 15
17 コーディングルールのための命名規則 15
18 「ヴィンテージ」画像フィルタ実行例 15
19 (私の)HTMLコーディングルール 15
20 aタグで複数のブロック要素を囲むやり方 14
2026/2/17 10:13 更新
週間人気ページランキング ／ 2-10 → 2-16
順位 ページタイトル抜粋 アクセス数
1 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 8
2 似顔絵ジェネレーター : 似顔絵メーカー ／ NIGAOE MAKER 7
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 7
3 RGBの種類 ／ ビットカラー | RGB(色) 5
3 色モデルイメージ図 | 色変換(色) 5
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
5 LOCK: File currently in use. ／ マニフェストを読み込めませんでした 3
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
5 アイコンを「Font Awesome」から変更。→「自分で探したSVG」を「自分のserver」へアップロード | アイコン(デザイン) 3
5 画像縦横比の問題 | 画像 3
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 3
6 RGB ⇔ Lab | 色変換(色) 2
6 RGB ⇔ XYZ ／ CIE RGB ／ sRGB(D65) ／ sRGB(C) ／ Adobe RGB ／ NTSC RGB 2
6 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 2
6 Bootstrap3 で、固定ナビゲーションの下だけ背景色を指定 | 3系(Bootstrap) 2
6 鉄道会社毎のカラーコード | カラーコード(色) 2
6 CSS 「id」「class」名 に関する調査履歴 1 | 命名規則(コーディングルール) 2
6 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 2
6 「bgcolor」「background-color」「background」の違い | CSS 2
6 HSV ／ HSB 2
2026/2/17 5:05 更新