数値データ型階層構造

CSS数値データ型

階層

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

要点

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



週間人気ページランキング / 9-10 → 9-16
順位 ページタイトル抜粋 アクセス数
1 「東京都」のカラーコード取得は難しい | カラーコード(色) 4
1 Design 0 4
2 SeaMonkey 2.7.2 2
2 CSSトラブル対応(CSS) カテゴリー 2
2 Inkscape | ソフトウェア 2
2 Flickrがサポートするライセンス 9 + 特別なライセンス 2 | 画像著作権(画像) 2
2 アカウント作成 2
2 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
2 テーブル枠線がどうしても消えない時は「border-collapse: collapse;」 | Backgrounds and Borders Module(CSS) 2
2 「CSSプロパティ」書く順番 | コーディングルール 2
2 カラーマネージメント | 色 2
2 「position:sticky;」がどうしても効かない →
を一旦削除してみる →
に「display:inline;」を指定 | CSSトラブル対応(CSS)
2
3 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1
3 Font Awesome 4.7.0 | Font Awesome(フォント) 1
3 Screen Capture, Screenshot & Record - Bukket 1
3 キャラクター無料作成ジェネレーター / FLASH以外 / オンラインサービス | イラスト参考(デザイン) 1
3 Chromeブラウザは、ユーザーという単位で情報管理している / Chromeブラウザには3つのモードがある / ログイン状態の動作確認を行う場合は、通常モードで行う 1
3 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 1
3 効果を打ち消すスタイルシート | CSS 1
3 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 1
2026/9/17 5:05 更新