css-all-properties.html

<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8">
<title>CSS プロパティ一覧</title>

<link rel="stylesheet" href="common.css" type="text/css">
<link rel="icon" href="common/3underscore.png">

<style>

body {
	padding: 1em;
}

abbr {
	font-family: sans-serif;
	font-weight: bold;
}

.ED {
	color: var(--K-color);
}

.FPWD {
	background: hsl(10, 55%, 55%);
	color: white;
}
.WD {
	background: hsl(20, 77%, 55%);
	color: white;
}
.LC {
	background: hsl(30, 68%, 65%);
	color: black;
}
.CR {
	background: hsl(62, 86%, 45%);
	color: black;
}

.CRD {
	background: hsl(30, 68%, 65%);
	color: black;
}

.PR {
	background: hsl(89, 53%, 44%);
	color: white;
}
.REC, .CSS {
	background: hsl(129, 54%, 40%);
	color: white;
}
.LS {
	background: #3c790a;
	color: white;
}

.NOTE {
	background: hsl(129, 54%, 40%);
	color: white;
}

.JA {
	color: var(--G-color);
}

#legend td {
	padding: 0.1em 0.5em;
}


@supports (grid-template-columns: subgrid) and (display: contents) {

#properties {
	grid-template-columns: 4em 1fr;
	min-width: 20em;
	max-width: 40em;

	tr {
		grid-template-areas:
			"prop prop"
			". module"
			". 参照先"
		;
		> *:nth-child(1) {
			grid-area: prop;
			border-left-width: 0;
		}
		> *:nth-child(2) {
			grid-area: module;
		}
		> *:nth-child(3) {
			grid-area: 参照先;
		}
	}
}
}

</style>


<script type="module">
'use strict';

const E = (id) => {
	return document.getElementById(id);
}

const sorters = {
	by_prop0: (item1, item2) => {
		if(item1.prop === item2.prop){
			return (item1.module > item2.module) ? 1:-1;
		}
		return (item1.prop > item2.prop) ? 1:-1;
	},
	by_prop1: (item1, item2) => {
		if(item1.prop === item2.prop){
			return (item1.module > item2.module) ? 1:-1;
		}
		return (item1.prop > item2.prop) ? -1:1;
	},
	by_module0: (item1, item2) => {
		if(item1.module === item2.module){
			return (item1.prop > item2.prop) ? 1:-1;
		}
		return (item1.module > item2.module) ? 1:-1;
	},
	by_module1: (item1, item2) => {
		if(item1.module === item2.module){
			return (item1.prop > item2.prop) ? 1:-1;
		}
		return (item1.module > item2.module) ? -1:1;
	}
};
const sort_list = (key_dir, data) => {
	const tbody = E('prop-list');
	data.forEach((item, index) => {
		item.row = tbody.rows[index];
	})
	data.sort(sorters[key_dir] || sorters.by_prop0);
	data.forEach((item) => {
		tbody.appendChild(item.row);
		item.row = null;
	})
	return key_dir;
}

const parse = (data) => {
	const list = [];
	let module = '';
	let is_camel_cased = false;
	const map = {};

	data.replace(/^●.+|^■?(\S+?):\s*(.+)/mg,
	(match, m1, m2) => {
		switch(match[0]){
		case '●':
			module = match.slice(1);
			is_camel_cased = (module.slice(0,3) === 'SVG');
			break;
		case '■':
			map[m1] = (m2.indexOf('#') >= 0 )? m2: `${m2}#propdef-`;
			break;
		default:
			const item = {
				prop:   m1,
				module: module,
				urls:   [],
			};
			list.push(item);
			for( let t of m2.split(',') ){
				let fragment = item.prop;
				if( t.indexOf('=') >= 0 ){
					const t1 = t.split('=');
					t = t1[0];
					fragment = t1[1];
				} else {
					if(is_camel_cased){
						fragment =
( '-' + fragment ).replace( /-\w/g, (m) => { return m[1].toUpperCase();} )
+ 'Property';
					}
				}
				item.urls.push( `${t}:${map[t]}${fragment}` );
			}
		}
		return '';
	});
	return list;
}


const create_html = (data) => {
	const abbr_urls = {
CSSWG: 'https://drafts.csswg.org',
SVGWG: 'https://svgwg.org/specs',
TR: 'https://www.w3.org/TR',
FXTF: 'https://drafts.fxtf.org',
//	FXTF: 'http://dev.w3.org/fxtf',
MOMDO: 'https://momdo.github.io/css2',
MOMDOUI: 'https://momdo.github.io/css-ui/',
MOMDODEC: 'https://momdo.github.io/css-text-decor-3/',
MITSUE: 'http://standards.mitsue.co.jp/resources/w3c/TR',
	};

	const html = [];
	for( const item of data ){
		html.push(
`<tr><td><code class="property">${item.prop}</code><td><cite>${item.module}</cite><td>`
		);
		for( const url of item.urls){
			html.push(
				url.replace(
/^([A-Z]+)(\d?)\w?:(.+)$/g,
'<a href="$3"><abbr class="$1">$1$2</abbr></a>'
				)
			);
		}
	}

	return html.join('')
	.replace(/<\/a>\s*<a/g, '<\/a>, <a')
	.replace(/~(\w+)/g, (s, t) => { return abbr_urls[t] || s; });
}


{
	const data = parse(E('prop_data').textContent);

	let sort_by = 'by_prop0';
	data.sort(sorters[sort_by]);

	E('prop-list').innerHTML = create_html(data);

	document.body.classList.add('_expanded');

	E('prop-header').addEventListener('click', (event) => {
		const e = event.target;
		if(e.tagName === 'BUTTON' && e.id){
			sort_by = sort_list(e.id, data);
		}
	});
}

</script>

<!-- パタン
●{module 名}
■{status+level}:{url}[#{fragment prefix} = "#propdef-"]
■...
{property}: {status+level},{status+level},...
...
-->
<script type="text/plain" id="prop_data">

●CSS Anchor Positioning
■WD1:~TR/css-anchor-position-1/
■ED1:~CSSWG/css-anchor-position-1/
■JA1:css-anchor-position-ja.html
anchor-name:WD1,ED1,JA1
anchor-scope:WD1,ED1,JA1
position-area:WD1,ED1,JA1
position-anchor:WD1,ED1,JA1
position-visibility:WD1,ED1,JA1
position-try:WD1,ED1,JA1
position-try-fallbacks:WD1,ED1,JA1
position-try-order:WD1,ED1,JA1

●CSS Animations
■WD1:~TR/css-animations-1/
■ED1:~CSSWG/css-animations-1/
■JA1:css-animations-ja.html
■WD2:~TR/css-animations-2/
■ED2:~CSSWG/css-animations-2/
■JA2:css-animations2-ja.html
animation: WD1,ED1,JA1
animation-delay: WD1,ED1,JA1
animation-direction: WD1,ED1,JA1
animation-duration: WD1,ED1,JA1,WD2,ED2,JA2
animation-fill-mode: WD1,ED1,JA1
animation-iteration-count: WD1,ED1,JA1
animation-name: WD1,ED1,JA1
animation-play-state: WD1,ED1,JA1
animation-timing-function: WD1,ED1,JA1
animation-composition: WD2,ED2,JA2
animation-timeline: WD2,ED2,JA2
animation-trigger: ED2,JA2
animation-trigger-exit-range-end: ED2,JA2
animation-trigger-exit-range-start: ED2,JA2
animation-trigger-exit-range: ED2,JA2
animation-trigger-range-end: ED2,JA2
animation-trigger-range-start: ED2,JA2
animation-trigger-range: ED2,JA2
animation-trigger-timeline: ED2,JA2
animation-trigger-type: ED2,JA2

●CSS Backgrounds and Borders Module
■CRD3:~TR/css-backgrounds-3/
■ED3:~CSSWG/css-backgrounds/
■JA3:css-backgrounds-ja.html
background: CRD3,ED3,JA3
background-attachment: CRD3,ED3,JA3
background-clip: CRD3,ED3,JA3
background-color: CRD3,ED3,JA3
background-image: CRD3,ED3,JA3
background-origin: CRD3,ED3,JA3
background-position: CRD3,ED3,JA3
background-repeat: CRD3,ED3,JA3
background-size: CRD3,ED3,JA3
border: CRD3,ED3,JA3
border-bottom: CRD3,ED3,JA3
border-bottom-color: CRD3,ED3,JA3
border-bottom-left-radius: CRD3,ED3,JA3
border-bottom-right-radius: CRD3,ED3,JA3
border-bottom-style: CRD3,ED3,JA3
border-bottom-width: CRD3,ED3,JA3
border-color: CRD3,ED3,JA3
border-image: CRD3,ED3,JA3
border-image-outset: CRD3,ED3,JA3
border-image-repeat: CRD3,ED3,JA3
border-image-slice: CRD3,ED3,JA3
border-image-source: CRD3,ED3,JA3
border-image-width: CRD3,ED3,JA3
border-left: CRD3,ED3,JA3
border-left-color: CRD3,ED3,JA3
border-left-style: CRD3,ED3,JA3
border-left-width: CRD3,ED3,JA3
border-radius: CRD3,ED3,JA3
border-right: CRD3,ED3,JA3
border-right-color: CRD3,ED3,JA3
border-right-style: CRD3,ED3,JA3
border-right-width: CRD3,ED3,JA3
border-style: CRD3,ED3,JA3
border-top: CRD3,ED3,JA3
border-top-color: CRD3,ED3,JA3
border-top-left-radius: CRD3,ED3,JA3
border-top-right-radius: CRD3,ED3,JA3
border-top-style: CRD3,ED3,JA3
border-top-width: CRD3,ED3,JA3
border-width: CRD3,ED3,JA3
box-shadow: CRD3,ED3,JA3

●CSS Backgrounds Module
■ED4:~CSSWG/css-backgrounds-4/
background-clip: ED4
background-position: ED4
background-position-block: ED4
background-position-inline: ED4
background-position-x: ED4
background-position-y: ED4
background-repeat: ED4
background-repeat-block: ED4
background-repeat-inline: ED4
background-repeat-x: ED4
background-repeat-y: ED4
background-tbd: ED4

●CSS Borders and Box Decorations Module
■ED4:~CSSWG/css-borders-4/
border-block-end-radius: ED4
border-block-start-radius: ED4
border-bottom-color: ED4
border-bottom-radius: ED4
border-clip: ED4
border-clip-bottom: ED4
border-clip-left: ED4
border-clip-right: ED4
border-clip-top: ED4
border-color: ED4
border-inline-end-radius: ED4
border-inline-start-radius: ED4
border-left-color: ED4
border-left-radius: ED4
border-limit: ED4
border-radius: ED4
border-right-color: ED4
border-right-radius: ED4
border-top-color: ED4
border-top-radius: ED4
box-shadow: ED4
box-shadow-blur: ED4
box-shadow-color: ED4
box-shadow-offset: ED4
box-shadow-position: ED4
box-shadow-spread: ED4
corner-shape: ED4
corners: ED4

●CSS Basic User Interface Module
■REC3:~TR/css-ui-3/
■ED3:~CSSWG/css-ui-3/
■JA3:~MOMDOUI
■WD4:~TR/css-ui-4/
■ED4:~CSSWG/css-ui-4/
■JA4:css-ui-ja.html
accent-color: WD4,ED4,JA4
appearance: WD4,ED4,JA4
box-sizing: REC3,ED3,JA3
caret-animation:ED4,JA4
caret-color: REC3,ED3,JA3,WD4,ED4,JA4
caret-shape: WD4,ED4,JA4
caret: WD4,ED4,JA4
cursor: REC3,ED3,JA3,WD4,ED4,JA4
field-sizing: ED4,JA4
input-security: ED4,JA4
interactivity: ED4,JA4
nav-down: WD4,ED4,JA4
nav-left: WD4,ED4,JA4
nav-right: WD4,ED4,JA4
nav-up: WD4,ED4,JA4
outline: REC3,ED3,JA3,WD4,ED4,JA4
outline-color: REC3,ED3,JA3,WD4,ED4,JA4
outline-offset: REC3,ED3,JA3,WD4,ED4,JA4
outline-style: REC3,ED3,JA3,WD4,ED4,JA4
outline-width: REC3,ED3,JA3,WD4,ED4,JA4
pointer-events: ED4,JA4
resize: REC3,ED3,JA3,WD4,ED4,JA4
text-overflow: REC3,ED3,JA3
user-select: WD4,ED4,JA4

●CSS Box Alignment Module
■WD3:~TR/css-align-3/
■ED3:~CSSWG/css-align/
■JA3:css-align-ja.html
align-content: WD3,ED3,JA3
align-items: WD3,ED3,JA3
align-self: WD3,ED3,JA3
justify-content: WD3,ED3,JA3
justify-items: WD3,ED3,JA3
justify-self: WD3,ED3,JA3
place-content: WD3,ED3,JA3
place-items: WD3,ED3,JA3
place-self: WD3,ED3,JA3
gap: WD3,ED3,JA3
row-gap: WD3,ED3,JA3
column-gap: WD3,ED3,JA3

●CSS Box Model Module
■REC3:~TR/css-box-3/
■ED3:~CSSWG/css-box-3/
■WD4:~TR/css-box-4/
■ED4:~CSSWG/css-box-4/
■JA4:css-box-ja.html
margin: REC3,ED3,WD4,ED4,JA4
margin-bottom: REC3,ED3,WD4,ED4,JA4
margin-left: REC3,ED3,WD4,ED4,JA4
margin-right: REC3,ED3,WD4,ED4,JA4
margin-top: REC3,ED3,WD4,ED4,JA4
margin-trim: WD4,ED4,JA4
padding: REC3,ED3,WD4,ED4,JA4
padding-bottom: REC3,ED3,WD4,ED4,JA4
padding-left: REC3,ED3,WD4,ED4,JA4
padding-right: REC3,ED3,WD4,ED4,JA4
padding-top: REC3,ED3,WD4,ED4,JA4

●CSS Box Sizing Module
■WD3:~TR/css-sizing-3/
■ED3:~CSSWG/css-sizing-3/
■JA3:css-sizing-ja.html
■JA4:css-sizing-ja.html
■WD4:~TR/css-sizing-4/
■ED4:~CSSWG/css-sizing-4/
box-sizing: WD3,ED3,JA3
height: WD3,ED3,JA3
max-height: WD3,ED3,JA3
max-width: WD3,ED3,JA3
min-height: WD3,ED3,JA3
min-width: WD3,ED3,JA3
width: WD3,ED3,JA3
aspect-ratio: WD4,ED4,JA4
contain-intrinsic-size: WD4,ED4
contain-intrinsic-width: WD4,ED4
contain-intrinsic-height: WD4,ED4
contain-intrinsic-block-size: WD4,ED4
contain-intrinsic-inline-size: WD4,ED4
min-intrinsic-sizing: WD4,ED4

●CSS Cascading and Inheritance
■REC3:~TR/css-cascade-3/
■ED3:~CSSWG/css-cascade-3/
■WD4:~TR/css-cascade-4/
■ED4:~CSSWG/css-cascade-4/
■WD5:~TR/css-cascade-5/
■ED5:~CSSWG/css-cascade-5/
■JA5:css-cascade-ja.html
all: REC3,ED3,CR4,ED4,CR5,ED5,JA5

●CSS Color Module
■CRD4:~TR/css-color-4/
■ED4:~CSSWG/css-color-4/
■JA4:css-color-ja.html
■REC3:~TR/css-color-3/#
■ED3:~CSSWG/css-color-3/#
■JA3:~MITSUE/css3-color#
color: REC3,ED3=color1,JA3=color0,CRD4,ED4,JA4
opacity: REC3,ED3,JA3,CRD4,ED4,JA4

●CSS Color Adjustment Module
■CRD1:~TR/css-color-adjust-1/
■ED1:~CSSWG/css-color-adjust-1/
■JA1:css-color-adjust-ja.html
color-adjust: CRD1,ED1,JA1
color-scheme: CRD1,ED1,JA1
forced-color-adjust: CRD1,ED1,JA1
print-color-adjust: CRD1,ED1,JA1

●CSS Color HDR Module
■ED1:~CSSWG/css-color-hdr-1/
■FPWD1:~TR/css-color-hdr-1/
dynamic-range-limit: FPWD1,ED1

●CSS Conditional Module
■WD5:~TR/css-conditional-5/
■ED5:~CSSWG/css-conditional-5/
■JA5:css-conditional5-ja.html
container: WD5,ED5,JA5
container-name: WD5,ED5,JA5
container-type: WD5,ED5,JA5

●CSS Containment Module
■REC1:~TR/css-contain-1/
■ED1:~CSSWG/css-contain-1/
■WD2:~TR/css-contain-2/
■ED2:~CSSWG/css-contain-2/
■JA2:css-contain-ja.html
■WD3:~TR/css-contain-3/
contain: REC1,ED1,WD2,ED2,JA2
container: WD3
container-name: WD3
container-type: WD3
content-visibility: WD2,ED2,JA2

●CSS Custom Properties for Cascading Variables Module
■CR1:~TR/css-variables-1/#
■ED1:~CSSWG/css-variables-1/#
■JA1:css-variables-ja.html#
■ED2:~CSSWG/css-variables-2/#
--*: CR1=propdef-,ED1=propdef-,JA1=propdef-,ED2=propdef-

●CSS Display Module
■CR3:~TR/css-display-3/
■ED3:~CSSWG/css-display-3/
■FPWD4:~TR/css-display-4/
■ED4:~CSSWG/css-display-4/
■JA4:css-display-ja.html
display: CR3,ED3,FPWD4,ED4,JA4
order: CR3,ED3,FPWD4,ED4,JA4
reading-flow: FPWD4,ED4,JA4
visibility: CR3,ED3,FPWD4,ED4,JA4

●CSS Exclusions Module
■WD1:~TR/css3-exclusions/
■ED1:~CSSWG/css-exclusions-1/
■JA1:css-exclusions-ja.html
wrap-flow: WD1,ED1,JA1
wrap-through: WD1,ED1,JA1

●CSS Flexible Box Layout Module
■CR1:~TR/css-flexbox-1/
■ED1:~CSSWG/css-flexbox-1/
■JA1:css-flexbox-ja.html
align-content: CR1,ED1,JA1
align-items: CR1,ED1,JA1
align-self: CR1,ED1,JA1
flex: CR1,ED1,JA1
flex-basis: CR1,ED1,JA1
flex-direction: CR1,ED1,JA1
flex-flow: CR1,ED1,JA1
flex-grow: CR1,ED1,JA1
flex-shrink: CR1,ED1,JA1
flex-wrap: CR1,ED1,JA1
justify-content: CR1,ED1,JA1
order: CR1

●CSS Fill and Stroke Module
■FPWD3:~TR/fill-stroke-3/
■ED3:~FXTF/fill-stroke/
fill-break: FPWD3,ED3
fill-color: FPWD3,ED3
fill-image: FPWD3,ED3
fill-opacity: FPWD3,ED3
fill-origin: FPWD3,ED3
fill-position: FPWD3,ED3
fill-repeat: FPWD3,ED3
fill-rule: FPWD3,ED3
fill-size: FPWD3,ED3
fill: FPWD3,ED3
stroke-align: FPWD3,ED3
stroke-break: FPWD3,ED3
stroke-color: FPWD3,ED3
stroke-dash-corner: FPWD3,ED3
stroke-dash-justify: FPWD3,ED3
stroke-dasharray: FPWD3,ED3
stroke-dashoffset: FPWD3,ED3
stroke-image: FPWD3,ED3
stroke-linecap: FPWD3,ED3
stroke-linejoin: FPWD3,ED3
stroke-miterlimit: FPWD3,ED3
stroke-opacity: FPWD3,ED3
stroke-origin: FPWD3,ED3
stroke-position: FPWD3,ED3
stroke-repeat: FPWD3,ED3
stroke-size: FPWD3,ED3
stroke-width: FPWD3,ED3
stroke: FPWD3,ED3

●CSS Fonts Module
■REC3:~TR/css-fonts-3/
■ED3:~CSSWG/css-fonts-3/
■JA3:css-fonts-ja.html
■WD4:~TR/css-fonts-4/
■ED4:~CSSWG/css-fonts-4/
■JA4:css-fonts4-ja.html
■ED5:~CSSWG/css-fonts-5/
■WD5:~TR/css-fonts-5/
font: REC3,ED3,JA3,WD4,ED4,JA4
font-family: REC3,ED3,JA3,WD4,ED4,JA4
font-feature-settings: REC3,ED3,JA3,WD4,ED4,JA4
font-kerning: REC3,ED3,JA3,WD4,ED4,JA4
font-language-override: WD4,ED4,JA4
font-optical-sizing: WD4,ED4,JA4
font-palette: WD4,ED4,JA4
font-size-adjust: REC3,ED3,JA3,WD4,ED4,JA4,WD5,ED5
font-size: REC3,ED3,JA3,WD4,ED4,JA4
font-stretch: REC3,ED3,JA3
font-style: REC3,ED3,JA3,WD4,ED4,JA4
font-synthesis: REC3,ED3,JA3,WD4,ED4,JA4
font-synthesis-position: WD4,ED4,JA4
font-synthesis-small-caps: WD4,ED4,JA4
font-synthesis-style: WD4,ED4,JA4
font-synthesis-weight: WD4,ED4,JA4
font-variant-alternates: WD4,ED4,JA4
font-variant-caps: REC3,ED3,JA3,WD4,ED4,JA4
font-variant-east-asian: REC3,ED3,JA3,WD4,ED4,JA4
font-variant-emoji: WD4,ED4,JA4
font-variant-ligatures: REC3,ED3,JA3,WD4,ED4,JA4
font-variant-numeric: REC3,ED3,JA3,WD4,ED4,JA4
font-variant-position: REC3,ED3,JA3,WD4,ED4,JA4
font-variant: REC3,ED3,JA3,WD4,ED4,JA4
font-variation-settings: WD4,ED4,JA4
font-weight: REC3,ED3,JA3,WD4,ED4,JA4
font-width: WD4,ED4,JA4

●CSS Fragmentation Module
■CR3:~TR/css-break-3/
■ED3:~CSSWG/css-break-3/
■JA4:css-break-ja.html
■FPWD4:~TR/css-break-4/
■ED4:~CSSWG/css-break-4/
box-decoration-break: CR3,ED3,FPWD4,ED4,JA4
break-after: CR3,ED3,FPWD4,ED4,JA4
break-before: CR3,ED3,FPWD4,ED4,JA4
break-inside: CR3,ED3,FPWD4,ED4,JA4
margin-break: FPWD4,ED4,JA4
orphans: CR3,ED3,FPWD4,ED4,JA4
widows: CR3,ED3,FPWD4,ED4,JA4

●CSS Gap Decorations Module
■ED1:~CSSWG/css-gaps-1/
column-rule:ED1
column-rule-break:ED1
column-rule-color:ED1
column-rule-outset:ED1
column-rule-style:ED1
column-rule-width:ED1
row-rule:ED1
row-rule-break:ED1
row-rule-color:ED1
row-rule-outset:ED1
row-rule-style:ED1
row-rule-width:ED1
rule:ED1
rule-break:ED1
rule-color:ED1
rule-outset:ED1
rule-paint-order:ED1
rule-style:ED1
rule-width:ED1

●CSS Grid Layout Module
■CRD1:~TR/css-grid-1/
■ED1:~CSSWG/css-grid-1/
■CRD2:~TR/css-grid-2/
■ED2:~CSSWG/css-grid-2/
■JA2:css-grid-ja.html
■WD3:~TR/css-grid-3/
■ED3:~CSSWG/css-grid-3/
grid: CRD1,ED1,CRD2,ED2,JA2
grid-area: CRD1,ED1,CRD2,ED2,JA2
grid-auto-columns: CRD1,ED1,CRD2,ED2,JA2
grid-auto-flow: CRD1,ED1,CRD2,ED2,JA2
grid-auto-rows: CRD1,ED1,CRD2,ED2,JA2
grid-column: CRD1,ED1,CRD2,ED2,JA2
grid-column-end: CRD1,ED1,CRD2,ED2,JA2
grid-column-start: CRD1,ED1,CRD2,ED2,JA2
grid-row: CRD1,ED1,CRD2,ED2,JA2
grid-row-end: CRD1,ED1,CRD2,ED2,JA2
grid-row-start: CRD1,ED1,CRD2,ED2,JA2
grid-template: CRD1,ED1,CRD2,ED2,JA2
grid-template-areas: CRD1,ED1,CRD2,ED2,JA2
grid-template-columns: CRD1,ED1,CRD2,ED2,JA2
grid-template-rows: CRD1,ED1,CRD2,ED2,JA2
item-cross: WD3,ED3
item-direction: WD3,ED3
item-flow: WD3,ED3
item-pack: WD3,ED3
item-slack: WD3,ED3
item-track: WD3,ED3
item-wrap: WD3,ED3

●CSS Generated Content for Paged Media Module
■WD3:~TR/css-gcpm-3/
■ED3:~CSSWG/css-gcpm-3/
■ED4:~CSSWG/css-gcpm-4/
footnote-display: WD3,ED3
footnote-policy: WD3,ED3
running: WD3,ED3
string-set: WD3,ED3
copy-into: ED4

●CSS Generated Content Module
■WD3:~TR/css-content-3/
■ED3:~CSSWG/css-content-3/
■JA3:css-content-ja.html
bookmark-label: WD3,ED3,JA3
bookmark-level: WD3,ED3,JA3
bookmark-state: WD3,ED3,JA3
content: WD3,ED3,JA3
quotes: WD3,ED3,JA3
string-set: WD3,ED3,JA3

●CSS Images Module
■CRD3:~TR/css-images-3/
■ED3:~CSSWG/css-images-3/
■JA3:css-images-ja.html
■WD4:~TR/css-images-4/
■ED4:~CSSWG/css-images-4/
■JA4:css-images4-ja.html
■ED5:~CSSWG/css-images-5/
■JA5:css-images-ja.html
image-orientation: CRD3,ED3,JA3
image-rendering: CRD3,ED3,JA3
image-resolution: WD4,ED4,JA4
object-fit: CRD3,ED3,JA3,WD4,ED4
object-position: CRD3,ED3,JA3
object-view-box: ED5,JA5

●CSS Inline Layout Module
■WD3:~TR/css-inline-3/
■ED3:~CSSWG/css-inline-3/
■JA3:css-inline-ja.html
alignment-baseline: WD3,ED3,JA3
baseline-shift: WD3,ED3,JA3
baseline-source: WD3,ED3,JA3
dominant-baseline: WD3,ED3,JA3
initial-letter: WD3,ED3,JA3
initial-letter-align: WD3,ED3,JA3
initial-letter-wrap: WD3,ED3,JA3
inline-sizing: WD3,ED3,JA3
line-fit-edge: WD3,ED3,JA3
line-height: WD3,ED3,JA3
text-box: WD3,ED3,JA3
text-box-edge: WD3,ED3,JA3
text-box-trim: WD3,ED3,JA3
vertical-align: WD3,ED3,JA3

●CSS Line Grid Module
■WD1:~TR/css-line-grid-1/
■ED1:~CSSWG/css-line-grid/
box-snap: WD1,ED1
line-grid: WD1,ED1
line-snap: WD1,ED1

●CSS Lists and Counters Module
■WD3:~TR/css-lists-3/
■ED3:~CSSWG/css-lists-3/
■JA3:css-lists-ja.html
counter-increment: WD3,ED3,JA3
counter-reset: WD3,ED3,JA3
counter-set: WD3,ED3,JA3
list-style: WD3,ED3,JA3
list-style-image: WD3,ED3,JA3
list-style-position: WD3,ED3,JA3
list-style-type: WD3,ED3,JA3
marker-side: WD3,ED3,JA3

●CSS Logical Properties
■WD1:~TR/css-logical-1/
■ED1:~CSSWG/css-logical-1/
■JA1:css-logical-ja.html
block-size: WD1,ED1,JA1
max-block-size: WD1,ED1,JA1
min-block-size: WD1,ED1,JA1
inline-size: WD1,ED1,JA1
max-inline-size: WD1,ED1,JA1
min-inline-size: WD1,ED1,JA1
border-block: WD1,ED1,JA1
border-block-color: WD1,ED1,JA1
border-block-style: WD1,ED1,JA1
border-block-width: WD1,ED1,JA1
border-block-end: WD1,ED1,JA1
border-block-end-color: WD1,ED1,JA1
border-block-end-style: WD1,ED1,JA1
border-block-end-width: WD1,ED1,JA1
border-block-start: WD1,ED1,JA1
border-block-start-color: WD1,ED1,JA1
border-block-start-style: WD1,ED1,JA1
border-block-start-width: WD1,ED1,JA1
border-inline: WD1,ED1,JA1
border-inline-color: WD1,ED1,JA1
border-inline-style: WD1,ED1,JA1
border-inline-width: WD1,ED1,JA1
border-inline-end: WD1,ED1,JA1
border-inline-end-color: WD1,ED1,JA1
border-inline-end-style: WD1,ED1,JA1
border-inline-end-width: WD1,ED1,JA1
border-inline-start: WD1,ED1,JA1
border-inline-start-color: WD1,ED1,JA1
border-inline-start-style: WD1,ED1,JA1
border-inline-start-width: WD1,ED1,JA1
border-start-start-radius: WD1,ED1,JA1
border-start-end-radius: WD1,ED1,JA1
border-end-start-radius: WD1,ED1,JA1
border-end-end-radius: WD1,ED1,JA1
inset: WD1,ED1,JA1
inset-block: WD1,ED1,JA1
inset-block-end: WD1,ED1,JA1
inset-block-start: WD1,ED1,JA1
inset-inline: WD1,ED1,JA1
inset-inline-end: WD1,ED1,JA1
inset-inline-start: WD1,ED1,JA1
margin-block: WD1,ED1,JA1
margin-block-end: WD1,ED1,JA1
margin-block-start: WD1,ED1,JA1
margin-inline: WD1,ED1,JA1
margin-inline-end: WD1,ED1,JA1
margin-inline-start: WD1,ED1,JA1
padding-block: WD1,ED1,JA1
padding-block-end: WD1,ED1,JA1
padding-block-start: WD1,ED1,JA1
padding-inline: WD1,ED1,JA1
padding-inline-end: WD1,ED1,JA1
padding-inline-start: WD1,ED1,JA1

●CSS Masking Module
■CRD1:~TR/css-masking-1/
■ED1:~FXTF/css-masking-1/
■JA1:css-masking-ja.html
clip: CRD1,ED1,JA1
clip-path: CRD1,ED1,JA1
clip-rule: CRD1,ED1,JA1
mask: CRD1,ED1,JA1
mask-border: CRD1,ED1,JA1
mask-border-mode: CRD1,ED1,JA1
mask-border-outset: CRD1,ED1,JA1
mask-border-repeat: CRD1,ED1,JA1
mask-border-slice: CRD1,ED1,JA1
mask-border-source: CRD1,ED1,JA1
mask-border-width: CRD1,ED1,JA1
mask-clip: CRD1,ED1,JA1
mask-composite: CRD1,ED1,JA1
mask-image: CRD1,ED1,JA1
mask-mode: CRD1,ED1,JA1
mask-origin: CRD1,ED1,JA1
mask-position: CRD1,ED1,JA1
mask-repeat: CRD1,ED1,JA1
mask-size: CRD1,ED1,JA1
mask-type: CRD1,ED1,JA1

●CSS Mobile Text Size Adjustment
■ED1:~CSSWG/css-size-adjust/
■JA1:css-size-adjust-ja.html
text-size-adjust: ED1,JA1

●CSS Multi-column Layout Module
■CR1:~TR/css-multicol-1/
■ED1:~CSSWG/css-multicol-1/
■FPWD2:~TR/css-multicol-2/
■ED2:~CSSWG/css-multicol-2/
■JA2:css-multicol-ja.html
column-count: CR1,ED1,FPWD2,ED2,JA2
column-fill: CR1,ED1,FPWD2,ED2,JA2
column-height: ED2,JA2
column-rule: CR1,ED1,FPWD2,ED2,JA2
column-rule-color: CR1,ED1,FPWD2,ED2,JA2
column-rule-style: CR1,ED1,FPWD2,ED2,JA2
column-rule-width: CR1,ED1,FPWD2,ED2,JA2
column-span: CR1,ED1,FPWD2,ED2,JA2
column-width: CR1,ED1,FPWD2,ED2,JA2
column-wrap: ED2,JA2
columns: CR1,ED1,FPWD2,ED2,JA2

●CSS Overflow Module
■WD3:~TR/css-overflow-3/
■ED3:~CSSWG/css-overflow-3/
■JA3:css-overflow-ja.html
■ED4:~CSSWG/css-overflow-4/
■JA4:css-overflow4-ja.html
■WD4:~TR/css-overflow-4/
■FPWD5:~TR/css-overflow-5/
■ED5:~CSSWG/css-overflow-5/
overflow: WD3,ED3,JA3
overflow-x: WD3,ED3,JA3
overflow-y: WD3,ED3,JA3
overflow-inline: WD3,ED3,JA3
overflow-block: WD3,ED3,JA3
overflow-clip-margin: WD3,ED3,JA3,WD4,ED4,JA4
overflow-clip-margin-block: WD4,ED4,JA4
overflow-clip-margin-block-end: WD4,ED4,JA4
overflow-clip-margin-block-start: WD4,ED4,JA4
overflow-clip-margin-inline: WD4,ED4,JA4
overflow-clip-margin-inline-end: WD4,ED4,JA4
overflow-clip-margin-inline-start: WD4,ED4,JA4
overflow-clip-margin-top: WD4,ED4,JA4
overflow-clip-margin-right: WD4,ED4,JA4
overflow-clip-margin-bottom: WD4,ED4,JA4
overflow-clip-margin-left: WD4,ED4,JA4
block-ellipsis: WD4,ED4,JA4
continue: WD4,ED4,JA4
line-clamp: WD4,ED4,JA4
max-lines: WD4,ED4,JA4
scroll-behavior: ED3,JA3
scroll-marker-group: FPWD5,ED5
scrollbar-gutter: ED3,JA3
text-overflow: WD3,ED3,JA3,WD4,ED4,JA4
-webkit-line-clamp: WD4,ED4,JA4

●CSS Overscroll Behavior Module
■ED1:~CSSWG/css-overscroll-1/
■JA1:css-overscroll-ja.html
overscroll-behavior: ED1,JA1
overscroll-behavior-x: ED1,JA1
overscroll-behavior-y: ED1,JA1
overscroll-behavior-block: ED1,JA1
overscroll-behavior-inline: ED1,JA1

●CSS Page Floats
■FPWD3:~TR/css-page-floats-3/
■ED3:~CSSWG/css-page-floats/
clear: FPWD3,ED3
float: FPWD3,ED3
float-defer: FPWD3,ED3
float-offset: FPWD3,ED3
float-reference: FPWD3,ED3

●CSS Paged Media Module
■WD3:~TR/css-page-3/
■ED3:~CSSWG/css-page-3/
■JA3:css-page-ja.html
page: WD3,ED3,JA3

●CSS Positioned Layout Module
■WD3:~TR/css-position-3/
■ED3:~CSSWG/css-position-3/
■JA3:css-position-ja.html
■ED4:~CSSWG/css-position-4/
■JA4:css-position4-ja.html
bottom: WD3,ED3,JA3
left: WD3,ED3,JA3
inset: WD3,ED3,JA3
inset-block: WD3,ED3,JA3
inset-block-end: WD3,ED3,JA3
inset-block-start: WD3,ED3,JA3
inset-inline: WD3,ED3,JA3
inset-inline-end: WD3,ED3,JA3
inset-inline-start: WD3,ED3,JA3
position: WD3,ED3,JA3
right: WD3,ED3,JA3
top: WD3,ED3,JA3
overlay:ED4,JA4

●CSS Regions Module
■WD1:~TR/css-regions-1/
■ED1:~CSSWG/css-regions-1/
break-after: WD1
break-before: WD1
break-inside: WD1
flow-from: WD1,ED1
flow-into: WD1,ED1
region-fragment: WD1,ED1

●CSS Round Display
■WD1:~TR/css-round-display-1/
■ED1:~CSSWG/css-round-display-1/
border-boundary: WD1,ED1
shape-inside: WD1,ED1

●CSS Rhythmic Sizing
■FPWD1:~TR/css-rhythm-1/
■ED1:~CSSWG/css-rhythm/
block-step-align: FPWD1,ED1
block-step-insert: FPWD1,ED1
block-step-round: FPWD1,ED1
block-step-size: FPWD1,ED1
block-step: FPWD1,ED1
line-height-step: FPWD1,ED1

●CSS Ruby Annotation Layout Module
■WD1:~TR/css-ruby-1/
■ED1:~CSSWG/css-ruby-1/
■JA1:css-ruby-ja.html
ruby-align: WD1,ED1,JA1
ruby-merge: WD1,ED1,JA1
ruby-overhang: WD1,ED1,JA1
ruby-position: WD1,ED1,JA1

●CSS Scroll Anchoring Module
■WD1:~TR/css-scroll-anchoring-1/
■ED1:~CSSWG/css-scroll-anchoring-1/
■JA1:css-scroll-anchoring-ja.html
overflow-anchor: WD1,ED1,JA1

●CSS Scroll Snap Module
■CR1:~TR/css-scroll-snap-1/
■ED1:~CSSWG/css-scroll-snap-1/
■FPWD2:~TR/css-scroll-snap-2/
■ED2:~CSSWG/css-scroll-snap-2/
■JA1:css-scroll-snap-ja.html
scroll-margin-block-end: CR1,ED1,JA1
scroll-margin-block-start: CR1,ED1,JA1
scroll-margin-block: CR1,ED1,JA1
scroll-margin-bottom: CR1,ED1,JA1
scroll-margin-inline-end: CR1,ED1,JA1
scroll-margin-inline-start: CR1,ED1,JA1
scroll-margin-inline: CR1,ED1,JA1
scroll-margin-left: CR1,ED1,JA1
scroll-margin-right: CR1,ED1,JA1
scroll-margin-top: CR1,ED1,JA1
scroll-margin: CR1,ED1,JA1
scroll-padding-block-end: CR1,ED1,JA1
scroll-padding-block-start: CR1,ED1,JA1
scroll-padding-block: CR1,ED1,JA1
scroll-padding-bottom: CR1,ED1,JA1
scroll-padding-inline-end: CR1,ED1,JA1
scroll-padding-inline-start: CR1,ED1,JA1
scroll-padding-inline: CR1,ED1,JA1
scroll-padding-left: CR1,ED1,JA1
scroll-padding-right: CR1,ED1,JA1
scroll-padding-top: CR1,ED1,JA1
scroll-padding: CR1,ED1,JA1
scroll-snap-align: CR1,ED1,JA1
scroll-snap-stop: CR1,ED1,JA1
scroll-snap-type: CR1,ED1,JA1
scroll-initial-target: ED2
scroll-start-target: FPWD2

●CSS Scrollbars Styling Module
■CR1:~TR/css-scrollbars-1/
■ED1:~CSSWG/css-scrollbars-1/
■JA1:css-scrollbars-ja.html
scrollbar-color: CR1,ED1,JA1
scrollbar-width: CR1,ED1,JA1

●CSS Shapes Module
■CRD1:~TR/css-shapes-1/
■ED1:~CSSWG/css-shapes/
■JA1:css-shapes-ja.html
■ED2:~CSSWG/css-shapes-2/
■JA2:css-shapes2-ja.html
shape-image-threshold: CRD1,ED1,JA1
shape-margin: CRD1,ED1,JA1
shape-outside: CRD1,ED1,JA1
shape-inside: ED2,JA2
shape-padding: ED2,JA2

●CSS Spatial Navigation Module
■ED1:~CSSWG/css-nav-1/
■WD1:~TR/css-nav-1/
■JA1:css-nav-ja.html
spatial-navigation-contain: WD1,ED1,JA1
spatial-navigation-action: WD1,ED1,JA1
spatial-navigation-function: WD1,ED1,JA1

●CSS Speech Module
■CRD1:~TR/css-speech-1/
■ED1:~CSSWG/css-speech-1/
■JA1:css-speech-ja.html
cue-after: CRD1,ED1,JA1
cue-before: CRD1,ED1,JA1
cue: CRD1,ED1,JA1
pause-after: CRD1,ED1,JA1
pause-before: CRD1,ED1,JA1
pause: CRD1,ED1,JA1
rest-after: CRD1,ED1,JA1
rest-before: CRD1,ED1,JA1
rest: CRD1,ED1,JA1
speak-as: CRD1,ED1,JA1
speak: CRD1,ED1,JA1
voice-balance: CRD1,ED1,JA1
voice-duration: CRD1,ED1,JA1
voice-family: CRD1,ED1,JA1
voice-pitch: CRD1,ED1,JA1
voice-range: CRD1,ED1,JA1
voice-rate: CRD1,ED1,JA1
voice-stress: CRD1,ED1,JA1
voice-volume: CRD1,ED1,JA1

●CSS Table Module
■WD3:~TR/css-tables-3/
■ED3:~CSSWG/css-tables-3/
border-collapse: WD3,ED3
border-spacing: WD3,ED3
caption-side: WD3,ED3
empty-cells: WD3,ED3
table-layout: WD3,ED3

●CSS Text Decoration Module
■CRD3:~TR/css-text-decor-3/
■ED3:~CSSWG/css-text-decor-3/
■JA3:css-text-decor-ja.html
■JA3a:~MOMDODEC
■WD4:~TR/css-text-decor-4/
■ED4:~CSSWG/css-text-decor-4/
text-decoration: CRD3,ED3,JA3,JA3a,WD4,ED4
text-decoration-color: CRD3,ED3,JA3,JA3a,WD4,ED4
text-decoration-line: CRD3,ED3,JA3,JA3a,WD4,ED4
text-decoration-skip: WD4,ED4
text-decoration-skip-box: WD4,ED4
text-decoration-skip-ink: WD4,ED4
text-decoration-skip-inset: WD4
text-decoration-skip-self: WD4,ED4
text-decoration-skip-spaces: WD4,ED4
text-decoration-style: CRD3,ED3,JA3,JA3a,WD4,ED4
text-decoration-thickness: WD4,ED4
text-decoration-trim: ED4
text-emphasis: CRD3,ED3,JA3,JA3a,WD4,ED4
text-emphasis-color: CRD3,ED3,JA3,JA3a,WD4,ED4
text-emphasis-position: CRD3,ED3,JA3,JA3a,WD4,ED4
text-emphasis-skip: WD4,ED4
text-emphasis-style: CRD3,ED3,JA3,JA3a,WD4,ED4
text-shadow: CRD3,ED3,JA3,JA3a,WD4,ED4
text-underline-offset: WD4,ED4
text-underline-position: CRD3,ED3,JA3,JA3a,WD4,ED4

●CSS Text Module
■CRD3:~TR/css-text-3/
■ED3:~CSSWG/css-text-3/
■WD4:~TR/css-text-4/
■ED4:~CSSWG/css-text-4/
■JA4:css-text-ja.html
hanging-punctuation: CRD3,ED3,WD4,ED4,JA4
hyphenate-character: WD4,ED4,JA4
hyphenate-limit-chars: WD4,ED4,JA4
hyphenate-limit-last: WD4,ED4,JA4
hyphenate-limit-lines: WD4,ED4,JA4
hyphenate-limit-zone: WD4,ED4,JA4
hyphens: CRD3,ED3,WD4,ED4,JA4
letter-spacing: CRD3,ED3,WD4,ED4,JA4
line-break: CRD3,ED3,WD4,ED4,JA4
line-padding: WD4,ED4,JA4
overflow-wrap: CRD3,ED3,WD4,ED4,JA4
tab-size: CRD3,ED3,WD4,ED4,JA4
text-align: CRD3,ED3,WD4,ED4,JA4
text-align-all: CRD3,ED3,WD4,ED4,JA4
text-align-last: CRD3,ED3,WD4,ED4,JA4
text-autospace: WD4,ED4,JA4
text-group-align: WD4,ED4,JA4
text-indent: CRD3,ED3,WD4,ED4,JA4
text-justify: CRD3,ED3,WD4,ED4,JA4
white-space-trim: WD4,ED4,JA4
text-spacing: WD4,ED4,JA4
text-spacing-trim: WD4,ED4,JA4
text-transform: CRD3,ED3,WD4,ED4,JA4
text-wrap: WD4,ED4,JA4
text-wrap-mode: WD4,ED4,JA4
text-wrap-style: WD4,ED4,JA4
white-space: CRD3,ED3,WD4,ED4,JA4
white-space-collapse: WD4,ED4,JA4
word-break: CRD3,ED3,WD4,ED4,JA4
word-space-transform: WD4,ED4,JA4
word-spacing: CRD3,ED3,WD4,ED4,JA4
wrap-after: WD4,ED4,JA4
wrap-before: WD4,ED4,JA4
wrap-inside: WD4,ED4,JA4

●CSS Transforms Module
■CR1:~TR/css-transforms-1/
■ED1:~CSSWG/css-transforms-1/
■JA1:css-transforms-ja.html
■WD2:~TR/css-transforms-2/
■ED2:~CSSWG/css-transforms-2/
■JA2:css-transforms2-ja.html
backface-visibility: WD2,ED2,JA2
perspective: WD2,ED2,JA2
perspective-origin: WD2,ED2,JA2
transform: CR1,ED1,JA1
transform-box: CR1,ED1,JA1
transform-origin: CR1,ED1,JA1
transform-style: WD2,ED2,JA2
rotate: WD2,ED2,JA2
scale: WD2,ED2,JA2
translate: WD2,ED2,JA2

●CSS Transitions
■WD1:~TR/css-transitions-1/
■ED1:~CSSWG/css-transitions-1/
■JA1:css-transitions-ja.html
■FPWD2:~TR/css-transitions-2/
■ED2:~CSSWG/css-transitions-2/
■JA2:css-transitions2-ja.html
transition: WD1,ED1,JA1
transition-delay: WD1,ED1,JA1
transition-duration: WD1,ED1,JA1
transition-property: WD1,ED1,JA1
transition-timing-function: WD1,ED1,JA1
transition-behavior:FPWD2,ED2,JA2

●CSS Values and Units Module
■WD5:~TR/css-values-5/
■ED5:~CSSWG/css-values-5/
■JA5:css-values5-ja.html
interpolate-size: WD5,ED5,JA5

●CSS View Transitions Module
■CRD1:~TR/css-view-transitions-1/
■ED1:~CSSWG/css-view-transitions-1/
■JA1:css-view-transitions-ja.html
■WD2:~TR/css-view-transitions-2/
■ED2:~CSSWG/css-view-transitions-2/
■JA2:css-view-transitions2-ja.html
view-transition-name:CRD1,ED1,JA1
view-transition-class:WD2,ED2,JA2
view-transition-group:WD2,ED2,JA2

●CSS Viewport Module
■ED1:~CSSWG/css-viewport-1/
zoom:WD1,ED1

●CSS Will Change Module
■CRD1:~TR/css-will-change-1/
■ED1:~CSSWG/css-will-change/
■JA1:css-will-change-ja.html
will-change: CRD1,ED1,JA1

●CSS Writing Modes
■REC3:~TR/css-writing-modes-3/
■ED3:~CSSWG/css-writing-modes-3/
■JA3:css-writing-modes3-ja.html
■CR4:~TR/css-writing-modes-4/
■ED4:~CSSWG/css-writing-modes/
■JA4:css-writing-modes-ja.html
direction: REC3,ED3,JA3,CR4,ED4,JA4
glyph-orientation-vertical: REC3,ED3,JA3,CR4,ED4,JA4
text-combine-upright: REC3,ED3,JA3,CR4,ED4,JA4
text-orientation: REC3,ED3,JA3,CR4,ED4,JA4
unicode-bidi: REC3,ED3,JA3,CR4,ED4,JA4
writing-mode: REC3,ED3,JA3,CR4,ED4,JA4

●CSS2 (Box model)
■REC:~TR/CSS2/box.html
■WD:~TR/CSS22/box.html
■ED:~CSSWG/css2/
■JA:~MOMDO/box.html
border: REC,WD,ED,JA
border-bottom: REC,WD,ED,JA
border-bottom-color: REC,WD,ED,JA
border-bottom-style: REC,WD,ED,JA
border-bottom-width: REC,WD,ED,JA
border-color: REC,WD,ED,JA
border-left: REC,WD,ED,JA
border-left-color: REC,WD,ED,JA
border-left-style: REC,WD,ED,JA
border-left-width: REC,WD,ED,JA
border-right: REC,WD,ED,JA
border-right-color: REC,WD,ED,JA
border-right-style: REC,WD,ED,JA
border-right-width: REC,WD,ED,JA
border-style: REC,WD,ED,JA
border-top: REC,WD,ED,JA
border-top-color: REC,WD,ED,JA
border-top-style: REC,WD,ED,JA
border-top-width: REC,WD,ED,JA
border-width: REC,WD,ED,JA
margin: REC,WD,ED,JA
margin-bottom: REC,WD,ED,JA
margin-left: REC,WD,ED,JA
margin-right: REC,WD,ED,JA
margin-top: REC,WD,ED,JA
padding: REC,WD,ED,JA
padding-bottom: REC,WD,ED,JA
padding-left: REC,WD,ED,JA
padding-right: REC,WD,ED,JA
padding-top: REC,WD,ED,JA

●CSS2 (Colors and Backgrounds)
■REC:~TR/CSS2/colors.html
■WD:~TR/CSS22/colors.html
■ED:~CSSWG/css2/
■JA:~MOMDO/colors.html
background: REC,WD,ED,JA
background-attachment: REC,WD,ED,JA
background-color: REC,WD,ED,JA
background-image: REC,WD,ED,JA
background-position: REC,WD,ED,JA
background-repeat: REC,WD,ED,JA
color: REC,WD,ED,JA

●CSS2 (Fonts)
■REC:~TR/CSS2/fonts.html
■WD:~TR/CSS22/fonts.html
■ED:~CSSWG/css2/
■JA:~MOMDO/fonts.html
font: REC,WD,ED,JA
font-family: REC,WD,ED,JA
font-size: REC,WD,ED,JA
font-style: REC,WD,ED,JA
font-variant: REC,WD,ED,JA
font-weight: REC,WD,ED,JA

●CSS2 (Generated content)
■REC:~TR/CSS2/generate.html
■WD:~TR/CSS22/generate.html
■ED:~CSSWG/css2/
■JA:~MOMDO/generate.html
content: REC,WD,ED,JA
counter-increment: REC,WD,ED,JA
counter-reset: REC,WD,ED,JA
list-style: REC,WD,ED,JA
list-style-image: REC,WD,ED,JA
list-style-position: REC,WD,ED,JA
list-style-type: REC,WD,ED,JA
quotes: REC,WD,ED,JA

●CSS2 (User interface)
■REC:~TR/CSS2/ui.html
■WD:~TR/CSS22/ui.html
■ED:~CSSWG/css2/
■JA:~MOMDO/ui.html
cursor: REC,WD,ED,JA
outline: REC,WD,ED,JA
outline-color: REC,WD,ED,JA
outline-style: REC,WD,ED,JA
outline-width: REC,WD,ED,JA

●CSS2 (Visual effects)
■REC:~TR/CSS2/visufx.html
■WD:~TR/CSS22/visufx.html
■ED:~CSSWG/css2/
■JA:~MOMDO/visufx.html
clip: REC,WD,ED,JA
overflow: REC,WD,ED,JA
visibility: REC,WD,ED,JA

●CSS2 (Visual formatting model)
■REC:~TR/CSS2/visuren.html
■WD:~TR/CSS22/visuren.html
■ED:~CSSWG/css2/
■JA:~MOMDO/visuren.html
■JAa:css2-ja.html
bottom: REC,WD,ED,JA
clear: REC,WD,ED,JA,JAa
direction: REC,WD,ED,JA
display: REC,WD,ED,JA,JAa
float: REC,WD,ED,JA,JAa
left: REC,WD,ED,JA
position: REC,WD,ED,JA
right: REC,WD,ED,JA
top: REC,WD,ED,JA
unicode-bidi: REC,WD,ED,JA
z-index: REC,WD,ED,JA,JAa

●CSS2 (Visual formatting model details)
■REC:~TR/CSS2/visudet.html
■WD:~TR/CSS22/visudet.html
■ED:~CSSWG/css2/
■JA:~MOMDO/visudet.html
■JAa:css2-ja.html
height: REC,WD,ED,JA,JAa
line-height: REC,WD,ED,JA,JAa
max-height: REC,WD,ED,JA,JAa
max-width: REC,WD,ED,JA,JAa
min-height: REC,WD,ED,JA,JAa
min-width: REC,WD,ED,JA,JAa
vertical-align: REC,WD,ED,JA,JAa
width: REC,WD,ED,JA,JAa

●CSS2 (Paged media)
■REC:~TR/CSS2/page.html
■WD:~TR/CSS22/page.html
■ED:~CSSWG/css2/
■JA:~MOMDO/page.html
orphans: REC,WD,ED,JA
page-break-after: REC,WD,ED,JA
page-break-before: REC,WD,ED,JA
page-break-inside: REC,WD,ED,JA
widows: REC,WD,ED,JA

●CSS2 (Tables)
■REC:~TR/CSS2/tables.html
■WD:~TR/CSS22/tables.html
■ED:~CSSWG/css2/
■JA:~MOMDO/tables.html
border-collapse: REC,WD,ED,JA
border-spacing: REC,WD,ED,JA
caption-side: REC,WD,ED,JA
empty-cells: REC,WD,ED,JA
table-layout: REC,WD,ED,JA

●CSS2 (Text)
■REC:~TR/CSS2/text.html
■WD:~TR/CSS22/text.html
■ED:~CSSWG/css2/
■JA:~MOMDO/text.html
letter-spacing: REC,WD,ED,JA
text-align: REC,WD,ED,JA
text-decoration: REC,WD,ED,JA
text-indent: REC,WD,ED,JA
text-transform: REC,WD,ED,JA
white-space: REC,WD,ED,JA
word-spacing: REC,WD,ED,JA

●Compatibility
■LS:https://compat.spec.whatwg.org/
■JA:compat-ja.html
-webkit-text-fill-color: LS,JA
-webkit-text-stroke-color: LS,JA
-webkit-text-stroke-width: LS,JA
-webkit-text-stroke: LS,JA

●Compositing and Blending
■CRD1:~TR/compositing-1/
■ED1:~FXTF/compositing-1/
■ED2:~FXTF/compositing-2/
■JA1:compositing-ja.html
background-blend-mode: CRD1,ED1,JA1,ED2
isolation: CRD1,ED1,JA1,ED2
mix-blend-mode: CRD1,ED1,JA1,ED2

●Filter Effects Module
■WD1:~TR/filter-effects-1/
■ED1:~FXTF/filter-effects-1/
■JA1:filter-effects-ja.html
■ED2:~FXTF/filter-effects-2/
color-interpolation-filters: WD1,ED1,JA1
filter: WD1,ED1,JA1
flood-color: WD1,ED1,JA1
flood-opacity: WD1,ED1,JA1
lighting-color: WD1,ED1,JA1
backdrop-filter: ED2

●Motion Path Module
■WD1:~TR/motion-1/
■ED1:~FXTF/motion-1/
■JA1:motion-ja.html
offset-anchor: WD1,ED1,JA1
offset-distance: WD1,ED1,JA1
offset-path: WD1,ED1,JA1
offset-position: WD1,ED1,JA1
offset-rotate: WD1,ED1,JA1
offset: WD1,ED1,JA1

●Pointer Events
■REC2:https://www.w3.org/TR/pointerevents2/#dfn-
■WD3:https://www.w3.org/TR/pointerevents3/#dfn-
■ED4:https://w3c.github.io/pointerevents/#dfn-
■JA2:pointerevents2-ja.html
■JA4:pointerevents-ja.html
touch-action: REC2,JA2,WD3,ED4,JA4

●Scroll-driven Animations
■WD1:~TR/scroll-animations-1/
■ED1:~CSSWG/scroll-animations-1/
animation-range:WD1,ED1
animation-range-end:WD1,ED1
animation-range-start:WD1,ED1
scroll-timeline:WD1,ED1
scroll-timeline-axis:WD1,ED1
scroll-timeline-name:WD1,ED1
timeline-scope:WD1,ED1
view-timeline:WD1,ED1
view-timeline-axis:WD1,ED1
view-timeline-inset:WD1,ED1
view-timeline-name:WD1,ED1

●SVG (Coordinate Systems)
■CR2:https://www.w3.org/TR/SVG2/coords.html#
■ED2:https://svgwg.org/svg2-draft/coords.html#
■JA2:svg-coords-ja.html#
vector-effect: CR2,ED2,JA2

●SVG (Geometry Properties)
■CR2:https://www.w3.org/TR/SVG2/geometry.html#
■ED2:https://svgwg.org/svg2-draft/geometry.html#
■JA2:svg-geometry-ja.html#
cx: CR2,ED2,JA2
cy: CR2,ED2,JA2
r: CR2,ED2,JA2
rx: CR2,ED2,JA2
ry: CR2,ED2,JA2
x: CR2,ED2,JA2
y: CR2,ED2,JA2

●SVG (Painting)
■REC1:~TR/SVG11/painting.html#
■JA1:SVG11/painting.html#
■CR2:https://www.w3.org/TR/SVG2/painting.html#
■ED2:https://svgwg.org/svg2-draft/painting.html#
■JA2:svg-painting-ja.html#
color-interpolation: REC1,JA1,CR2,ED2,JA2
color-rendering: REC1,JA1,CR2
fill-opacity: REC1,JA1,CR2,ED2,JA2
fill-rule: REC1,JA1,CR2,ED2,JA2
fill: REC1,JA1,CR2,ED2,JA2
image-rendering: REC1,JA1,CR2,ED2,JA2
marker-end: REC1,JA1,CR2,ED2,JA2
marker-mid: REC1,JA1,CR2,ED2,JA2
marker-start: REC1,JA1,CR2,ED2,JA2
marker: REC1,JA1,CR2,ED2,JA2
paint-order: CR2,ED2,JA2
shape-rendering: REC1,JA1,CR2,ED2,JA2
stroke-dasharray: REC1,JA1,CR2,ED2,JA2
stroke-dashoffset: REC1,JA1,CR2,ED2,JA2
stroke-linecap: REC1,JA1,CR2,ED2,JA2
stroke-linejoin: REC1,JA1,CR2,ED2,JA2
stroke-miterlimit: REC1,JA1,CR2,ED2,JA2
stroke-opacity: REC1,JA1,CR2,ED2,JA2
stroke-width: REC1,JA1,CR2,ED2,JA2
stroke: REC1,JA1,CR2,ED2,JA2
text-rendering: REC1,JA1,CR2,ED2,JA2

●SVG (Paint Servers)
■REC1:~TR/SVG11/pservers.html#
■JA1:SVG11/pservers.html#
■CR2:https://www.w3.org/TR/SVG2/pservers.html#
■ED2:https://svgwg.org/svg2-draft/pservers.html#
■JA2:svg-pservers-ja.html#
stop-color: REC1,JA1,CR2,ED2,JA2
stop-opacity: REC1,JA1,CR2,ED2,JA2

●SVG (Paths)
■CR2:https://www.w3.org/TR/SVG2/paths.html#
■ED2:https://svgwg.org/svg2-draft/paths.html#
■JA2:svg-paths-ja.html#
d: CR2,ED2,JA2

●SVG (Scripting and Interactivity)
■REC1:~TR/SVG11/interact.html#
■JA1:SVG11/interact.html#
■CR2:https://www.w3.org/TR/SVG2/interact.html#
■ED2:https://svgwg.org/svg2-draft/interact.html#
■JA2:svg-interact-ja.html#
pointer-events: REC1,JA1,CR2,ED2,JA2

●SVG (Text)
■REC1:~TR/SVG11/text.html#
■JA1:SVG11/text.html#
■CR2:https://www.w3.org/TR/SVG2/text.html#
■ED2:https://svgwg.org/svg2-draft/text.html#
■JA2:svg-text-ja.html#
inline-size: CR2,ED2,JA2
shape-inside: CR2,ED2,JA2
shape-margin: CR2,ED2,JA2
shape-subtract: CR2=ShapesubtractProperty,ED2=ShapesubtractProperty,JA2=ShapesubtractProperty
text-anchor: REC1,JA1,CR2,ED2,JA2
text-decoration-fill: CR2
text-decoration-stroke: CR2

●SVG Markers
■FPWD:~TR/svg-markers/#
■ED:~SVGWG/markers/#
marker-end: FPWD,ED
marker-knockout-left: FPWD,ED
marker-knockout-right: FPWD,ED
marker-mid: FPWD,ED
marker-pattern: FPWD,ED
marker: FPWD,ED
marker-segment: FPWD,ED
marker-start: FPWD,ED

●SVG Strokes
■FPWD:~TR/svg-strokes/#
■ED:~SVGWG/strokes/#
stroke-alignment: FPWD,ED
stroke-dashadjust: FPWD,ED
stroke-dasharray: FPWD,ED
stroke-dashcorner: FPWD,ED
stroke-dashoffset: FPWD,ED
stroke-linecap: FPWD,ED
stroke-linejoin: FPWD,ED
stroke-miterlimit: FPWD,ED
stroke-opacity: FPWD,ED
stroke: FPWD,ED
stroke-width: FPWD,ED

</script>
<!-- 

／ = no props

css-align-3
css-anchor-position-1
css-animations-1
css-animations-2
css-backgrounds-3
css-backgrounds-4
css-borders-4
css-box-3
css-box-4
css-break-3
css-break-4
css-cascade-3
css-cascade-4
css-cascade-5
／css-cascade-6
css-color-3
css-color-4
css-color-5
／css-color-6
css-color-adjust-1
css-color-hdr-1
／css-conditional-3
／css-conditional-4
css-conditional-5
css-conditional-values-1/
css-contain-1
css-contain-2
css-contain-3
css-content-3
／css-counter-styles-3
css-display-3
css-display-4
／css-easing-1
／css-easing-2
／css-egg-1
／css-env-1
css-exclusions-1
／css-extensions-1
css-flexbox-1
／css-font-loading-3
css-fonts-3
css-fonts-4
css-fonts-5
／css-forms-1
css-gaps-1
css-gcpm-3
css-gcpm-4
css-grid-1
css-grid-2
css-grid-3
／css-highlight-api-1
css-images-3
css-images-4
css-images-5
css-inline-3
css-line-grid-1
／css-link-params-1
css-lists-3
css-logical-1
／css-mobile
css-multicol-1
css-multicol-2
／css-namespaces-3
css-nav-1
／css-nesting-1
css-overflow-3
css-overflow-4
css-overflow-5
css-overscroll-1
css-page-3
css-page-4
css-page-floats-3
／css-page-template-1
css-position-3
css-position-4
／css-preslev-1
／css-print
／css-pseudo-4
css-regions-1
css-rhythm-1
css-round-display-1
css-ruby-1
／css-scoping-1
css-scroll-anchoring-1
css-scroll-snap-1
css-scroll-snap-2
css-scrollbars-1
／css-shadow-parts-1
css-shapes-1
css-shapes-2
css-size-adjust-1
css-sizing-3
css-sizing-4
／css-20XX
css-speech-1
／css-style-attr-1
／css-syntax-3
css-tables-3
css-template-1
css-text-3
css-text-4
css-text-decor-3
css-text-decor-4
css-transforms-1
css-transforms-2
css-transitions-1
css-transitions-2
／css-tv
css-ui-3
css-ui-4
／css-values-3
／css-values-4
css-values-5
css-variables-1
css-variables-2
css-view-transitions-1
css-view-transitions-2
css-viewport-1
css-will-change-1
css-writing-modes-3
css-writing-modes-4
css2
／cssom-1
／cssom-view-1
／mediaqueries-3
／mediaqueries-4
／mediaqueries-5
／resize-observer-1
／scroll-animations-1
／selectors-3
／selectors-4
／selectors-nonelement-1
／web-animations-1
／web-animations-2

SVG2:
	color-interpolation
	color-rendering
	cx
	cy
	d
	x
	y
	paint-order
	pointer-events
	r
	rx
	ry
	shape-rendering
	shape-subtract
	solid-color
	solid-opacity
	text-anchor
	text-decoration-fill
	text-decoration-stroke
	text-rendering
	vector-effect

-->

</head>

<body>

<h1>CSS のプロパティ一覧</h1>

<p>
<a href="https://triple-underscore.github.io/css-all-properties.html">このページ</a>
は、
CSS の各種プロパティを定義する仕様への参照先, それらの和訳への参照先を集約したものです。
（更新： <time>2025-03-05</time>
（<a href="https://github.com/triple-underscore/triple-underscore.github.io/commits/master/css-all-properties.html">履歴</a>））
（<a href="index.html#spec-list-css">このサイトの CSS 仕様和訳の一覧</a>）
</p>

<ul>
	<li>
<p>
プロパティ一覧における参照先は、
次の表に示すような，当のプロパティを定義する各仕様の<a href="css-snapshot-ja.html#w3c-process">安定度</a>を表す略称,
その色分けで表しています。
</p>

<table id="legend">
<caption>
略称／色分けの凡例
</caption>
<thead>
<tr><th>略称
<th>全部的な名前（日本語）
<th>全部的な名前（正式名称）
<tbody>

<tr><td><abbr class="ED">ED</abbr>
<td>編集者草案
<td lang="en"><a href="w3c-standards-types-ja.html#ED">Editors' Draft</a>

<tr><td><abbr class="FPWD">FPWD</abbr>
<td>最初の公な作業草案
<td lang="en"><a href="w3c-standards-types-ja.html#FPWD">First Public Working Draft</a>

<tr><td><abbr class="WD">WD</abbr>
<td>作業草案
<td lang="en"><a href="w3c-standards-types-ja.html#WD">Working Draft</a>

<!-- 
<tr><td><abbr class="LC">LC</abbr>
<td>最終作業草案
<td lang="en">Last Call Working Draft
 -->

<tr><td><abbr class="CR">CR</abbr>
<td>勧告候補スナップショット
<td lang="en"><a href="w3c-standards-types-ja.html#CR">Candidate Recommendation Snapshot</a>

<tr><td><abbr class="CRD">CRD</abbr>
<td>勧告候補草案
<td lang="en"><a href="w3c-standards-types-ja.html#CRD">Candidate Recommendation Draft</a>

<!-- PR は CSS からは廃されたが、他の W3C 仕様からは廃されていない -->
<tr><td><abbr class="PR">PR</abbr>
<td>勧告案
<td lang="en"><a href="w3c-standards-types-ja.html#PR">Proposed Recommendation</a>

<tr><td><abbr class="REC">REC</abbr>
<td>勧告
<td lang="en"><a href="w3c-standards-types-ja.html#REC">Recommendation</a>

<!-- 
<tr><td><abbr class="NOTE">NOTE</abbr>
<td>WG ノート
<td lang="en"><a href="w3c-standards-types-ja.html#NOTE">W3C Group Note</a>
-->

<tr><td><abbr class="LS">LS</abbr>
<td colspan="2">Living Standard（ “生きた標準”, 非 W3C ）

<tr><td><abbr class="JA">JA</abbr>
<td colspan="2">（日本語訳）
</table>

	</li>
	<li>
各 略称の末尾に付与された数字は、
当のモジュールのレベルを表します。
（ “レベル 1” は CSS2 より前を意味するのではなく， CSS2 には無かった特能を定義する仕様を表していることに注意。
特に， CSS2 には、この数字は付与されない。）
</li>
</ul>

<p>
この一覧は，
<a lang="en" href="https://www.w3.org/Style/CSS/all-properties">List of CSS properties, both proposed and standard</a>
から得られたデータを元にしていますが、
追加しているプロパティもあります
（ CSS モジュール以外の仕様（ SVG など）や W3C 以外の仕様に定義されるものもある）。
また、［
標準でない仕様
（ CSS2 <a lang="en" href="https://www.w3.org/TR/CSS22/aural.html">§ Aural style sheets</a>,
<a href="w3c-standards-types-ja.html#NOTE">W3C Group Note</a>
など）
にて定義されるもの／
<a href="css-cascade-ja.html#legacy-name-alias">旧来の別名</a>として定義されたもの
］への参照は，省略しています
（あるいは元々含まれていません）。
</p>

<table class="grid-table" id="properties">
<thead id="prop-header"><tr><th>プロパティ
<button id="by_prop0" type="button">△</button>
<button id="by_prop1" type="button">▽</button>
<th>モジュール／仕様名
<button id="by_module0" type="button">△</button>
<button id="by_module1" type="button">▽</button>
<th>参照先
<tbody id="prop-list">
</table>

<!-- 

●●省略

●旧来の別名
word-wrap → overflow-wrap
grid-row-gap → row-gap
grid-column-gap → column-gap
grid-gap → gap
font-stretch → font-width
-webkit-appearance → appearance
-webkit-user-select → user-select

●CSS 3D Transforms Module Level 3
	→ CSS Transforms Module Level 2

●CSS Device Adaptation Module (~CSSWG/css-device-adapt-1/)
	→ CSS Viewport Module (~CSSWG/css-viewport-1/)

●CSS Template Layout Module (Note)
■NOTE:~TR/css-template-3/#
■ED:~CSSWG/css-template/#
chains: NOTE=chains0,ED=chains0
flow: NOTE=flow0,ED=flow0
grid: NOTE=grid,ED=grid
grid-template: NOTE=grid-template0,ED=grid-template0
grid-template-areas: NOTE,ED
grid-template-columns: NOTE,ED
grid-template-rows: NOTE,ED

●CSS2 (Aural style sheets)
■REC:~TR/CSS2/aural.html
■WD:~TR/CSS22/aural.html
■ED:~CSSWG/css2/
■JA:~MOMDO/aural.html
azimuth: REC,WD,ED,JA
cue: REC,WD,ED,JA
cue-after: REC,WD,ED,JA
cue-before: REC,WD,ED,JA
elevation: REC,WD,ED,JA
pause: REC,WD,ED,JA
pause-after: REC,WD,ED,JA
pause-before: REC,WD,ED,JA
pitch: REC,WD,ED,JA
pitch-range: REC,WD,ED,JA
play-during: REC,WD,ED,JA
richness: REC,WD,ED,JA
speak: REC,WD,ED,JA
speak-header: REC,WD,ED,JA
speak-numeral: REC,WD,ED,JA
speak-punctuation: REC,WD,ED,JA
speech-rate: REC,WD,ED,JA
stress: REC,WD,ED,JA
voice-family: REC,WD,ED,JA
volume: REC,WD,ED,JA


●SVG 1.1 (廃／他の CSS module へ移行)
■REC1:~TR/SVG11/text.html#
alignment-baseline: REC1
baseline-shift: REC1
direction: REC1
dominant-baseline: REC1
font-family: REC1
font-size-adjust: REC1
font-size: REC1
font-stretch: REC1
font-style: REC1
font-variant: REC1
font-weight: REC1
font: REC1
glyph-orientation-horizontal: REC1
glyph-orientation-vertical: REC1
kerning: REC1
letter-spacing: REC1
text-decoration: REC1
unicode-bidi: REC1
word-spacing: REC1
writing-mode: REC1
■REC1:~TR/SVG11/masking.html#
clip-path: REC1
clip-rule: REC1
clip: REC1
mask: REC1
opacity: REC1
overflow: REC1
■REC1:~TR/SVG11/filters.html#
enable-background: REC1=
filter: REC1=
flood-color: REC1=
flood-opacity: REC1=
lighting-color: REC1=
■REC1:~TR/SVG11/painting.html#
color-interpolation-filters: REC1
display: REC1
visibility: REC1
■REC1:~TR/SVG11/
color-profile: REC1=color.html#ColorProfileProperty
color: REC1=color.html#ColorProperty
cursor: REC1=interact.html#CursorProperty

-->