数値データ型階層構造

CSS ＞ 数値データ型

階層

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

要点

　閲覧数:668　投稿日: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/8/25 21:16 更新
週間人気ページランキング ／ 8-18 → 8-24
順位 ページタイトル抜粋 アクセス数
1 Design 0 5
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
3 RGBの種類 ／ ビットカラー | RGB(色) 3
3 RGB → HSL ／ RGB → HSV | 色変換(色) 3
3 色変換(色) カテゴリー 3
4 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
4 「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと | 2系(Bootstrap) 2
4 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 2
4 HSLとHSVの違い | 色変換(色) 2
4 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 2
4 RGB ⇔ XYZ ／ CIE RGB ／ sRGB(D65) ／ sRGB(C) ／ Adobe RGB ／ NTSC RGB 2
4 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 2
4 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
4 Adobe Camera Raw 4.0 | Photoshop 2
4 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 2
4 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
4 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2
5 「Yahoo!検索（リアルタイム）」最強 | Yahoo!検索（リアルタイム）(検索) 1
5 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1
5 RGB → 色相H 方式の違い | 色変換(色) 1
2026/8/25 5:05 更新