vim-css3-syntax/test/test.css

.align {
  justify-self: head;
  justify-content: foot;
  justify-items: true;
  align-self: flex-start;
  align-content: flex-end;
  align-items: space-between;
  display: space-around;
}

.animations {
  animation: forwards;
  animation-delay: backwards;
  animation-direction: running;
  animation-duration: paused;
  animation-fill-mode: alternate-reverse;
  animation-iteration-count: auto;
  animation-name: auto;
  animation-play-state: auto;
  animation-timing-function: auto;
}

.background {
  background-clip: space;
  background-origin: round;
  background-size: local;
  border-image: fill;
  border-image-source: stretch;
  border-image-slice: clone;
  border-image-width: slice;
  border-image-outset: padding-box;
  border-image-repeat: border-box;
  border-radius: content-box;
  border-top-right-radius: auto;
  border-bottom-right-radius: auto;
  border-bottom-left-radius: auto;
  border-top-left-radius: auto;
  box-decoration-break: auto;
  box-shadow: auto;
}

.box {
  overflow-style: scrollbar;
  overflow-x: panner;
  overflow-y: move;
  rotation-point: marquee;
  display: ruby;
  display: ruby-base;
  display: ruby-text;
  display: ruby-base-group;
  display: ruby-text-group;
  display: no-display;
  display: no-content;
}

.break {
  break-after: auto;
  break-before: auto;
  break-inside: auto;
}

.cascade {
  all: default;
}

.colors {
  opacity: rgba(0, 0, 0, 1);
  display: hsla(0, 0, 0, 1)
  display: currentColor;
}

.content {
  move-to: inhibit;
  page-polcy: here;
  display: first;
  display: last;
}

.exclusions {
  shape-image-threshold: maximum;
  shape-inside: outside-shape;
  shape-outside: auto;
  wrap: auto;
  wrap-flow: auto;
  wrap-margin: auto;
  wrap-padding: auto;
  wrap-through: auto;
}

.flexbox {
  order: flex;
  flex: row;
  flex-basis: wrap;
  flex-direction: inline-flex;
  flex-flow: row-reverse;
  flex-grow: column-reverse;
  flex-shrink: wrap-reverse;
  flex-wrap: auto;
}

.gcpm {
  bleed: target-counter(attr(href, url), page, decimal);
  marks: target-text(attr(href), content());
  bookmark-label: open;
  bookmark-level: closed;
  bookmark-state: target-text(attr(href), content());
  bookmark-target: crop;
  float-offset: cross;
  string-set: auto;
}

.grid-layout {
  grid-cell: grid;
  grid-column: rows;
  grid-row: inline-grid;
  grid-column-align: auto;
  grid-row-align: auto;
  grid-column-sizing: auto;
  grid-row-sizing: auto;
  grid-column-span: auto;
  grid-row-span: auto;
  grid-columns: auto;
  grid-flow: auto;
  grid-rows: auto;
  grid-template: auto;
}

.hyperlinks {
  target: current;
  target-name: new;
  target-new: modal;
  target-position: window;
  display: tab;
  display: front;
  display: back;
}

.images {
  object-fit: contain;
  object-position: cover;
  image-resolution: snap;
  image-orientation: scale-down;
  display: from-image;
  display: image("sprite.svg#xywh=40,0,20,20");
  display: linear-gradient(to bottom, yellow, blue);
  display: radial-gradient(farthest-corner at 50% 50%, yellow, green);
  display: repeating-linear-gradient(to bottom, yellow, blue);
  display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
}

.layout::slot(b) {
  display: same;
}

.linebox {
  alignment-adjust: central;
  alignment-baseline: mathematical;
  baseline-shift: before-edge;
  dominate-baseline: after-edge;
  drop-initial-after-adjust: text-before-edge;
  drop-initial-after-align: text-after-edge;
  drop-initial-before-adjust: use-script;
  drop-initial-before-align: caps-height;
  drop-initial-size: exclude-ruby;
  drop-initial-value: include-ruby;
  inline-box-align: consider-shift;
  line-stacking: disregard-shift;
  line-stacking-ruby: inline-line-height;
  line-stacking-shift: block-line-height;
  line-stacking-strategy: max-height;
  text-height: grid-height;
  display: font-size;
  display: text-size;
  display: max-size;
}

.lists::marker {
  type: box;
  negative: check;
  prefix: afar;
  suffix: agaw;
  range: ancient-tamil;
  fallback: arabic-indic;
  glyphs: ari;
  additive-glyphs: asterisks;
  display: bengali;
  display: binary;
  display: blin;
  display: burmese;
  display: cambodian;
  display: circled-decimal;
  display: circled-korean-consonants;
  display: circled-korean-syllables;
  display: circled-lower-latin;
  display: circled-upper-latin;
  display: cjk-decimal;
  display: cjk-earthly-branch;
  display: cjk-heavenly-stem;
  display: dash;
  display: devanagari;
  display: diamond;
  display: dizi;
  display: dotted-decimal;
  display: double-circled-decimal;
  display: eastern-nagari;
  display: filled-circled-decimal;
  display: footnotes;
  display: fullwidth-decimal;
  display: fullwidth-lower-alpha;
  display: fullwidth-lower-roman;
  display: fullwidth-upper-alpha;
  display: fullwidth-upper-roman;
  display: gedeo;
  display: greek;
  display: gujarati;
  display: gumuz;
  display: gurmukhi;
  display: hadiyya;
  display: harari;
  display: hindi;
  display: japanese-formal;
  display: japanese-informal;
  display: kaffa;
  display: kannada;
  display: kebena;
  display: kembata;
  display: khmer;
  display: konso;
  display: korean-consonant;
  display: korean-hangul-formal;
  display: korean-hanja-formal;
  display: korean-hanja-informal;
  display: korean-syllable;
  display: kunama;
  display: lao;
  display: lepcha;
  display: lower-alpha-symbolic;
  display: lower-armenian;
  display: lower-belorussian;
  display: lower-bulgarian;
  display: lower-hexadecimal;
  display: lower-macedonian;
  display: lower-oromo-qubee;
  display: lower-russian;
  display: lower-russian-full;
  display: lower-serbo-croatian;
  display: lower-ukrainian;
  display: lower-ukrainian-full;
  display: malayalam;
  display: marathi;
  display: meen;
  display: mongolian;
  display: myanmar;
  display: new-base-60;
  display: octal;
  display: oriya;
  display: oromo;
  display: parenthesized-decimal;
  display: parenthesized-hangul-consonants;
  display: parenthesized-hangul-syllable;
  display: parenthesized-lower-latin;
  display: persian;
  display: persian-abjad;
  display: persian-alphabetic;
  display: saho;
  display: sidama;
  display: silti;
  display: simple-lower-roman;
  display: simple-upper-roman;
  display: super-decimal;
  display: tamil;
  display: telugu;
  display: thai;
  display: thai-alphabetic;
  display: tibetan;
  display: tigre;
  display: upper-alpha-symbolic;
  display: upper-armenian;
  display: upper-belorussian;
  display: upper-bulgarian;
  display: upper-hexadecimal;
  display: upper-macedonian;
  display: upper-oromo-qubee;
  display: upper-russian;
  display: upper-russian-full;
  display: upper-serbo-croatian;
  display: upper-ukrainian;
  display: upper-ukrainian-full;
  display: wolaita;
  display: yemsa;
}

.marquee {
  marquee-direction: forward;
  marquee-play-count: reverse;
  marquee-speed: infinite;
  marquee-style: slide;
  display: alternate;
  display: marquee-line;
  display: marquee-block;
}

@media screen and (min-width: 999px) {
  .mediaqueries {
    display: auto;
  }
}

.multicol {
  columns: page;
  column-count: column;
  column-fill: balance;
  column-gap: avoid-column;
  column-rule: avoid-page;
  column-rule-color: auto;
  column-rule-style: auto;
  column-rule-width: auto;
  column-span: auto;
  column-width: auto;
}

.overflow {
  max-lines: paged-x;
  display: paged-y;
  display: paged-x-controls;
  display: paged-y-controls;
  display: fragments;
}

.preslev {
  presentation-level: increment;
}

@region .regions {
  flow-from: break;
  flow-into: region;
  region-overflow: avoid-region;
}

.ruby {
  ruby-align: start;
  ruby-overhang: end;
  ruby-position: distribute-letter;
  ruby-span: distribute-space;
  display: line-edge;
}

.selectors:target,
.selectors:enabled,
.selectors:disabled,
.selectors:checked,
.selectors:indeterminate,
.selectors:root,
.selectors:empty,
.selectors:first-of-type,
.selectors:last-child,
.selectors:last-of-type,
.selectors:only-child,
.selectors:only-of-type,
.selectors:nth-child(2n+1),
.selectors:nth-of-type(odd),
.selectors:nth-last-child(2n+0),
.selectors:nth-last-of-type(even),
.selectors:not([DISABLED]), {
  display: auto;
}

.sizing {
  display: max-content;
  display: fit-content;
  display: fill-available;
  display: repudiate-floats;
  display: contain-floats;
}

@supports (display: auto) or
  (display: auto) not
  (display: auto) {
    .supports {
      display: auto;
    }
}

.text {
  hanging-punctuation: loose;
  line-break: strict;
  overflow-wrap: hanging;
  tab-size: distribute;
  text-align-last: kashida;
  text-autospace: preserve;
  text-justify: each-line;
  text-shadow: allow-end;
  text-underline-position: keep-all;
  word-break: double-circle;
  display: inter-word;
  display: inter-ideograph;
  display: inter-cluster;
  display: preserve-breaks;
  display: full-width;
  display: break-all;
  display: break-word;
}

.text-decor-3 {
  text-decoration-color: filled;
  text-decoration-line: dot;
  text-decoration-skip: triangle;
  text-decoration-style: sesame;
  text-emphasis: objects;
  text-emphasis-color: ink;
  text-emphasis-position: edges;
  text-emphasis-style: wavy;
  display: alphabetic;
  display: spaces;
  display: box-decoration;
  display: under;
  display: over;
}

.transforms {
  backface-visibility: flat;
  perspective: preserve-3d;
  perspective-origin: matrix(1);
  transform: matrix3d(1);
  transform-origin: translate(1);
  transform-style: translate3d(1);
  display: translateX(1);
  display: translateY(1);
  display: translateZ(1);
  display: scale(1);
  display: scale3d(1);
  display: scaleX(1);
  display: scaleY(1);
  display: scaleZ(1);
  display: rotate(1);
  display: rotate3d(1);
  display: rotateX(1);
  display: rotateY(1);
  display: rotateZ(1);
  display: skew(1);
  display: skewX(1);
  display: skewY(1);
  display: perspective(1);
}

.transitions {
  transition: linear;
  transition-property: ease;
  transition-duration: ease-in;
  transition-timing-function: ease-out;
  transition-delay: ease-in-out;
  display: step-start;
  display: step-end;
  display: steps(1, start);
  display: cubic-bezier(0.25, 0.1, 0.25, 1.0);
}

.ui {
  icon: active;
  resize: inactive;
  box-sizing: disabled;
  ime-mode: root;
  nav-index: horizontal;
  nav-up: vertical;
  nav-right: clip;
  nav-down: ellipsis;
  nav-left: auto;
  outline-offset: auto;
}

.values {
  display: 1ch;
  display: 1rem;
  display: 1vw;
  display: 1vh;
  display: 1vmin;
  display: 1turn;
  display: 1dpi;
  display: 1dpcm;
  display: 1dppx;
  display: calc(100%/3 - 2*1em - 2*1px);
  display: toggle(italic, normal);
  display: initial;
}

.variables {
  var-foo: var(foo);
}

.writing-modes {
  text-orientation: before;
  text-combine-horizontal: after;
  writing-mode: isolate;
  display: isolate;
  display: plaintext;
  display: mixed;
  display: upright;
  display: sideways;
  display: sideways-right;
  display: sideways-left;
  display: use-glyph-orientation;
  display: horizontal-tb;
  display: vertical-rl;
  display: vertical-lr;
}

.html5-elements,
section,
article,
aside,
hgroup,
header,
footer,
nav,
figure,
figcaption,
video,
audio,
source,
embed,
mark,
progress,
meter,
data,
time,
ruby,
rt,
rp,
bdi,
wbr,
canvas,
command,
details,
summary,
datalist,
keygen,
output {
  display: auto;
}