CSS Keyword Fixtures

absurd.css

@supports (animation-name: test) {
	#node {
		animation-name: test;
	}
	body > header[data-name="attr"] ~ *:not(:first-child){
		content: "😂👌"
	}
	@keyframes important1 {
		from {
			margin-top: 50px;
			margin-bottom: 100px
		}
		50%  { margin-top: 150px !important; } /* Ignored */
		to   { margin-top: 100px; }
	}
}


a{
	shape-outside: circle(20em/*=*/at 50% 50%);
	shape-outside: inset(1em, 1em, 1em, 1em);
}

@media only screen and (min-width : /* 40 */
	320px),
	not print and (max-width: 480px)  /* kek */ and (-webkit-min-device-pixel-ratio /*:*/ : 2),
only speech and (min-width: 10em),  /* wat */     (-webkit-min-device-pixel-ratio: 2) { }


@keyframes important1 {
	from { margin-top: 50px;
		   margin-bottom: 100px }
	50%  { margin-top: 150px !important; } /* Ignored */
	to   { margin-top: 100px; }
}

basic.css

p {}
* {}
a > b + * ~ :not(.nah) {}
.sooo /deep/ >>>_.>>> {}
[disabled], [disabled] + p {}

list-types.css

a {
	list: arabic-indic;
	list: armenian;
	list: bengali;
	list: cambodian;
	list: circle;
	list: cjk-decimal;
	list: cjk-earthly-branch;
	list: cjk-heavenly-stem;
	list: cjk-ideographic;
	list: decimal;
	list: decimal-leading-zero;
	list: devanagari;
	list: disc;
	list: disclosure-closed;
	list: disclosure-open;
	list: ethiopic-halehame-am;
	list: ethiopic-halehame-ti-er;
	list: ethiopic-halehame-ti-et;
	list: ethiopic-numeric;
	list: georgian;
	list: gujarati;
	list: gurmukhi;
	list: hangul;
	list: hangul-consonant;
	list: hebrew;
	list: hiragana;
	list: hiragana-iroha;
	list: japanese-formal;
	list: japanese-informal;
	list: kannada;
	list: katakana;
	list: katakana-iroha;
	list: khmer;
	list: korean-hangul-formal;
	list: korean-hanja-formal;
	list: korean-hanja-informal;
	list: lao;
	list: lower-alpha;
	list: lower-armenian;
	list: lower-greek;
	list: lower-latin;
	list: lower-roman;
	list: malayalam;
	list: mongolian;
	list: myanmar;
	list: oriya;
	list: persian;
	list: simp-chinese-formal;
	list: simp-chinese-informal;
	list: square;
	list: tamil;
	list: telugu;
	list: thai;
	list: tibetan;
	list: trad-chinese-formal;
	list: trad-chinese-informal;
	list: upper-alpha;
	list: upper-armenian;
	list: upper-latin;
	list: upper-roman;
	list: urdu;
}

numbers.css

	
.angle     { rotation:   2deg      }
.angle     { rotation:   2grad     }
.angle     { rotation:   2rad      }
.angle     { rotation:   2turn     }

.frequency { volume:     2Hz       }
.frequency { volume:     2kHz      }

.length    { width:      2em       }
.length    { width:      2ex       }
.length    { width:      2ch       }
.length    { width:      2rem      }
.length    { width:      2vh       }
.length    { width:      2vw       }
.length    { width:      2vmin     }
.length    { width:      2vmax     }
.length    { width:      2px       }
.length    { width:      2mm       }
.length    { width:      2q        }
.length    { width:      2cm       }
.length    { width:      2in       }
.length    { width:      2pt       }
.length    { width:      2pc       }
.length    { width:      2mozmm    }

.number    { margin:     12px      } /* A raw <integer> is also a <number> */
.number    { margin:     4.01px    } /* A positive non-integer <number> */
.number    { margin:    -456.8px   } /* Negative non-integer <number> */
.number    { margin:     0.0px     } /* Zero */
.number    { margin:    +0.0px     } /* Zero, with a leading + */
.number    { margin:    -0.0px     } /* Zero, with a leading - (Though strange, this is an allowed value) */
.number    { margin:      .6px     } /* Digits are optional before the dot */
.number    { margin:     10e3px    } /* The scientific notation is allowed */
.number    { margin:     10E3px    } /* The scientific notation is allowed */
.number    { margin:    -3.4e+2px  } /* Most complex case of scientific notation */
.percent   { margin:     +.5E-2%   }
.percent   { margin:     -3.4e-2%  }

.percent   { margin:     20%       }
.percent   { margin:     12%       }
.percent   { margin:     4.01%     }
.percent   { margin:     -456.8%   }
.percent   { margin:     0.0%      }
.percent   { margin:     +0.0%     }
.percent   { margin:     -0.0%     }
.percent   { margin:      +.2%     }
.percent   { margin:     .60%      }
.percent   { margin:     10e3%     }
.percent   { margin:     -3.4e+2%  }

.resolution { width:     20dpi     }
.resolution { width:     20dpcm    }
.resolution { width:     20dppx    }

.time       { duration: 12s        } /* Positive integer */
.time       { duration: -456ms     } /* Negative integer */
.time       { duration: 4.3ms      } /* Non-integer */
.time       { duration: 14mS       } /* The unit is case-insensitive, though capital letters are not recommended for s and ms. */
.time       { duration: +0s        } /* Zero, with a leading + and the unit */
.time       { duration: -0ms       } /* Zero, with a leading - and the unit (Though strange, this is an allowed value) */

@media (min-aspect-ratio: 3 / 4) {

a {	margin-left: -3.4e-2ch}

properties.css

a{
	adjust: 0;
	after: 0;
	align: 0;
	align-content: 0;
	align-items: 0;
	align-last: 0;
	align-self: 0;
	alignment: 0;
	alignment-adjust: 0;
	alignment-baseline: 0;
	animation: 0;
	animation-delay: 0;
	animation-direction: 0;
	animation-duration: 0;
	animation-fill-mode: 0;
	animation-iteration-count: 0;
	animation-name: 0;
	animation-play-state: 0;
	animation-timing-function: 0;
	appearance: 0;
	attachment: 0;
	azimuth: 0;
	background: 0;
	background-attachment: 0;
	background-break: 0;
	background-clip: 0;
	background-color: 0;
	background-image: 0;
	background-origin: 0;
	background-position: 0;
	background-repeat: 0;
	background-size: 0;
	balance: 0;
	baseline: 0;
	baseline-shift: 0;
	before: 0;
	bidi: 0;
	binding: 0;
	bookmark: 0;
	bookmark-label: 0;
	bookmark-level: 0;
	bookmark-target: 0;
	border: 0;
	border-bottom: 0;
	border-bottom-color: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-style: 0;
	border-bottom-width: 0;
	border-collapse: 0;
	border-color: 0;
	border-image: 0;
	border-left: 0;
	border-left-color: 0;
	border-left-style: 0;
	border-left-width: 0;
	border-length: 0;
	border-radius: 0;
	border-right: 0;
	border-right-color: 0;
	border-right-style: 0;
	border-right-width: 0;
	border-spacing: 0;
	border-style: 0;
	border-top: 0;
	border-top-color: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-style: 0;
	border-top-width: 0;
	border-width: 0;
	bottom: 0;
	bottom-color: 0;
	bottom-left-radius: 0;
	bottom-right-radius: 0;
	bottom-style: 0;
	bottom-width: 0;
	box: 0;
	box-align: 0;
	box-decoration-break: 0;
	box-direction: 0;
	box-flex: 0;
	box-flex-group: 0;
	box-lines: 0;
	box-ordinal-group: 0;
	box-orient: 0;
	box-pack: 0;
	box-shadow: 0;
	box-sizing: 0;
	break: 0;
	break-after: 0;
	break-before: 0;
	break-inside: 0;
	caption-side: 0;
	character: 0;
	clear: 0;
	clip: 0;
	collapse: 0;
	color: 0;
	color-profile: 0;
	column: 0;
	column-break-after: 0;
	column-break-before: 0;
	column-count: 0;
	column-fill: 0;
	column-gap: 0;
	column-rule: 0;
	column-rule-color: 0;
	column-rule-style: 0;
	column-rule-width: 0;
	column-span: 0;
	column-width: 0;
	columns: 0;
	content: 0;
	count: 0;
	counter: 0;
	counter-increment: 0;
	counter-reset: 0;
	crop: 0;
	cue: 0;
	cue-after: 0;
	cue-before: 0;
	cursor: 0;
	decoration: 0;
	decoration-break: 0;
	delay: 0;
	direction: 0;
	display: 0;
	display-model: 0;
	display-role: 0;
	dominant-baseline: 0;
	down: 0;
	drop: 0;
	drop-initial-after-adjust: 0;
	drop-initial-after-align: 0;
	drop-initial-before-adjust: 0;
	drop-initial-before-align: 0;
	drop-initial-size: 0;
	drop-initial-value: 0;
	duration: 0;
	elevation: 0;
	emphasis: 0;
	empty-cells: 0;
	family: 0;
	fill: 0;
	filter: 0;
	fit: 0;
	fit-position: 0;
	flex: 0;
	flex-basis: 0;
	flex-direction: 0;
	flex-flow: 0;
	flex-group: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-wrap: 0;
	float: 0;
	float-offset: 0;
	font: 0;
	font-family: 0;
	font-size: 0;
	font-size-adjust: 0;
	font-stretch: 0;
	font-style: 0;
	font-variant: 0;
	font-weight: 0;
	gap: 0;
	grid: 0;
	grid-area: 0;
	grid-auto-columns: 0;
	grid-auto-flow: 0;
	grid-auto-rows: 0;
	grid-column: 0;
	grid-column-end: 0;
	grid-column-gap: 0;
	grid-column-start: 0;
	grid-columns: 0;
	grid-gap: 0;
	grid-row: 0;
	grid-row-end: 0;
	grid-row-gap: 0;
	grid-row-start: 0;
	grid-rows: 0;
	grid-template-areas: 0;
	grid-template-columns: 0;
	grid-template-rows: 0;
	hanging-punctuation: 0;
	header: 0;
	height: 0;
	hyphenate: 0;
	hyphenate-after: 0;
	hyphenate-before: 0;
	hyphenate-character: 0;
	hyphenate-lines: 0;
	hyphenate-resource: 0;
	hyphens: 0;
	icon: 0;
	image: 0;
	image-orientation: 0;
	image-resolution: 0;
	increment: 0;
	indent: 0;
	index: 0;
	initial-after-adjust: 0;
	initial-after-align: 0;
	initial-before-adjust: 0;
	initial-before-align: 0;
	initial-size: 0;
	initial-value: 0;
	inline-box-align: 0;
	iteration-count: 0;
	justify: 0;
	justify-content: 0;
	label: 0;
	left: 0;
	left-color: 0;
	left-style: 0;
	left-width: 0;
	length: 0;
	letter-spacing: 0;
	level: 0;
	line: 0;
	line-height: 0;
	line-stacking: 0;
	line-stacking-ruby: 0;
	line-stacking-shift: 0;
	line-stacking-strategy: 0;
	lines: 0;
	list: 0;
	list-style: 0;
	list-style-image: 0;
	list-style-position: 0;
	list-style-type: 0;
	margin: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	mark: 0;
	mark-after: 0;
	mark-before: 0;
	marks: 0;
	marquee: 0;
	marquee-direction: 0;
	marquee-play-count: 0;
	marquee-speed: 0;
	marquee-style: 0;
	mask-image: 0;
	max: 0;
	max-height: 0;
	max-width: 0;
	min: 0;
	min-height: 0;
	min-width: 0;
	mix-blend-mode: 0;
	model: 0;
	move-to: 0;
	name: 0;
	nav: 0;
	nav-down: 0;
	nav-index: 0;
	nav-left: 0;
	nav-right: 0;
	nav-up: 0;
	new: 0;
	numeral: 0;
	object-fit: 0;
	offset: 0;
	opacity: 0;
	order: 0;
	ordinal-group: 0;
	orient: 0;
	orientation: 0;
	origin: 0;
	orphans: 0;
	outline: 0;
	outline-color: 0;
	outline-offset: 0;
	outline-style: 0;
	outline-width: 0;
	overflow: 0;
	overflow-style: 0;
	overflow-x: 0;
	overflow-y: 0;
	overhang: 0;
	pack: 0;
	padding: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	page: 0;
	page-break-after: 0;
	page-break-before: 0;
	page-break-inside: 0;
	page-policy: 0;
	pause: 0;
	pause-after: 0;
	pause-before: 0;
	phonemes: 0;
	pitch: 0;
	pitch-range: 0;
	play-count: 0;
	play-during: 0;
	play-state: 0;
	point: 0;
	pointer-events: 0;
	position: 0;
	presentation: 0;
	presentation-level: 0;
	profile: 0;
	property: 0;
	punctuation: 0;
	punctuation-trim: 0;
	quotes: 0;
	radius: 0;
	rate: 0;
	rendering-intent: 0;
	repeat: 0;
	replace: 0;
	reset: 0;
	resize: 0;
	resolution: 0;
	resource: 0;
	respond-to: 0;
	rest: 0;
	rest-after: 0;
	rest-before: 0;
	richness: 0;
	right: 0;
	right-color: 0;
	right-style: 0;
	right-width: 0;
	role: 0;
	rotation: 0;
	rotation-point: 0;
	rows: 0;
	ruby: 0;
	ruby-align: 0;
	ruby-overhang: 0;
	ruby-position: 0;
	ruby-span: 0;
	rule: 0;
	rule-color: 0;
	rule-style: 0;
	rule-width: 0;
	shadow: 0;
	size: 0;
	size-adjust: 0;
	sizing: 0;
	space: 0;
	space-collapse: 0;
	spacing: 0;
	span: 0;
	speak: 0;
	speak-header: 0;
	speak-numeral: 0;
	speak-punctuation: 0;
	speech: 0;
	speech-rate: 0;
	speed: 0;
	src: 0;
	stacking: 0;
	stacking-ruby: 0;
	stacking-shift: 0;
	stacking-strategy: 0;
	stress: 0;
	stretch: 0;
	string-set: 0;
	stroke: 0;
	stroke-width: 0;
	stroke-opacity: 0;
	stroke-miterlimit: 0;
	stroke-linejoin: 0;
	stroke-linecap: 0;
	stroke-dashoffset: 0;
	stroke-dasharray: 0;
	style: 0;
	style-image: 0;
	style-position: 0;
	style-type: 0;
	tab-size: 0;
	table-layout: 0;
	target: 0;
	target-name: 0;
	target-new: 0;
	target-position: 0;
	text: 0;
	text-align: 0;
	text-align-last: 0;
	text-decoration: 0;
	text-emphasis: 0;
	text-height: 0;
	text-indent: 0;
	text-justify: 0;
	text-outline: 0;
	text-overflow: 0;
	text-rendering: 0;
	text-replace: 0;
	text-shadow: 0;
	text-transform: 0;
	text-wrap: 0;
	timing-function: 0;
	top: 0;
	top-color: 0;
	top-left-radius: 0;
	top-right-radius: 0;
	top-style: 0;
	top-width: 0;
	touch-action: 0;
	transform: 0;
	transform-style: 0;
	transform-origin: 0;
	transition: 0;
	transition-delay: 0;
	transition-duration: 0;
	transition-property: 0;
	transition-timing-function: 0;
	trim: 0;
	unicode: 0;
	unicode-bidi: 0;
	up: 0;
	user-select: 0;
	variant: 0;
	vertical-align: 0;
	visibility: 0;
	voice: 0;
	voice-balance: 0;
	voice-duration: 0;
	voice-family: 0;
	voice-pitch: 0;
	voice-pitch-range: 0;
	voice-rate: 0;
	voice-stress: 0;
	voice-volume: 0;
	volume: 0;
	weight: 0;
	white: 0;
	white-space: 0;
	white-space-collapse: 0;
	widows: 0;
	width: 0;
	will-change: 0;
	word: 0;
	word-break: 0;
	word-spacing: 0;
	word-wrap: 0;
	wrap: 0;
	x: 0;
	y: 0;
	z-index: 0;
	zoom: 0;
}

tags-html.css

a { }
abbr { }
acronym { }
address { }
applet { }
area { }
article { }
aside { }
audio { }
b { }
base { }
basefont { }
bdi { }
bdo { }
bgsound { }
big { }
blink { }
blockquote { }
body { }
br { }
button { }
canvas { }
caption { }
center { }
cite { }
code { }
col { }
colgroup { }
command { }
content { }
data { }
datalist { }
dd { }
del { }
details { }
dfn { }
dialog { }
dir { }
div { }
dl { }
dt { }
element { }
em { }
embed { }
fieldset { }
figcaption { }
figure { }
font { }
footer { }
form { }
frame { }
frameset { }
h[1-6] { }
head { }
header { }
hgroup { }
hr { }
html { }
i { }
iframe { }
image { }
img { }
input { }
ins { }
isindex { }
kbd { }
keygen { }
label { }
legend { }
li { }
link { }
listing { }
main { }
map { }
mark { }
marquee { }
menu { }
menuitem { }
meta { }
meter { }
multicol { }
nav { }
nextid { }
nobr { }
noembed { }
noframes { }
noscript { }
object { }
ol { }
optgroup { }
option { }
output { }
p { }
param { }
picture { }
plaintext { }
pre { }
progress { }
q { }
rb { }
rp { }
rt { }
rtc { }
ruby { }
s { }
samp { }
script { }
section { }
select { }
shadow { }
slot { }
small { }
source { }
spacer { }
span { }
strike { }
strong { }
style { }
sub { }
summary { }
sup { }
table { }
tbody { }
td { }
template { }
textarea { }
tfoot { }
th { }
thead { }
time { }
title { }
tr { }
track { }
tt { }
u { }
ul { }
var { }
video { }
wbr { }
xmp { }

tags-mathml.css

annotation { }
annotation-xml { }
maction { }
maligngroup { }
malignmark { }
math { }
menclose { }
merror { }
mfenced { }
mfrac { }
mglyph { }
mi { }
mlabeledtr { }
mlongdiv { }
mmultiscripts { }
mn { }
mo { }
mover { }
mpadded { }
mphantom { }
mroot { }
mrow { }
ms { }
mscarries { }
mscarry { }
msgroup { }
msline { }
mspace { }
msqrt { }
msrow { }
mstack { }
mstyle { }
msub { }
msubsup { }
msup { }
mtable { }
mtd { }
mtext { }
mtr { }
munder { }
munderover { }
semantics { }

tags-svg.css

altGlyph { }
altGlyphDef { }
altGlyphItem { }
animate { }
animateColor { }
animateMotion { }
animateTransform { }
circle { }
clipPath { }
color-profile { }
cursor { }
defs { }
desc { }
discard { }
ellipse { }
feBlend { }
feColorMatrix { }
feComponentTransfer { }
feComposite { }
feConvolveMatrix { }
feDiffuseLighting { }
feDisplacementMap { }
feDistantLight { }
feDropShadow { }
feFlood { }
feFuncA { }
feFuncB { }
feFuncG { }
feFuncR { }
feGaussianBlur { }
feImage { }
feMerge { }
feMergeNode { }
feMorphology { }
feOffset { }
fePointLight { }
feSpecularLighting { }
feSpotLight { }
feTile { }
feTurbulence { }
filter { }
font-face { }
font-face-format { }
font-face-name { }
font-face-src { }
font-face-uri { }
foreignObject { }
g { }
glyph { }
glyphRef { }
hatch { }
hatchpath { }
hkern { }
line { }
linearGradient { }
marker { }
mask { }
mesh { }
meshgradient { }
meshpatch { }
meshrow { }
metadata { }
missing-glyph { }
mpath { }
path { }
pattern { }
polygon { }
polyline { }
radialGradient { }
rect { }
set { }
solidcolor { }
stop { }
svg { }
switch { }
symbol { }
text { }
textPath { }
tref { }
tspan { }
use { }
view { }
vkern { }