CSS3関連規約

• トップ
• CSSリファレンス
• CSS3関連規約

• 最新状況
• 仕様書のステータス
• CSS仕様書一覧・スナップショット
• CSS1
• CSS2.1
• CSS3
• ルール・メディアクエリ
• セレクタ
• 値・単位・継承
• 色
• フォント・テキスト
• リスト・カウンター
• 背景・ボーダー・ボックス
• 動的効果
• マルチカラム
• 形・マスキング
• 音声
• その他

最新状況

最新状況は下記を参照してください。

• https://www.w3.org/Style/CSS/current-work

仕様書のステータス

CSS仕様書一覧・スナップショット

• CSS SPECIFICATIONS [原文]
• CSS Snapshot 2007 [原文] [和訳] [NOTE]
• CSS Snapshot 2010 [原文] [和訳] [NOTE]
• CSS Snapshot 2015 [原文] [和訳] [NOTE]
• CSS Snapshot 2017 [原文] [和訳] [NOTE]

CSS1

• Cascading Style Sheets, level 1 [原文] [和訳] [REC]

CSS2.1

• Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification [原文] [REC]

CSS3

• CSS Namespaces Module Level 3 [原文] [和訳] [REC]
• CSS Style Attributes [原文] [和訳] [REC]

ルール・メディアクエリ

• CSS Syntax Module Level 3 [原文] [和訳] [CR]
  @charset
• CSS Conditional Rules Module Level 3 [原文] [和訳] [CR]
  @media / @supports
• Media Queries [原文] [和訳] [REC]
  @media / width / height / device-width / device-height / orientation / aspect-ratio / device-aspect-ratio / color / color-index / monochrome / resolution / scan / grid
• Media Queries Level 4 [原文] [和訳] [CR]
  @media / width / height / aspect-ratio / orientation / resolution / scan / grid / overflow-block / overflow-inline / color / color-index / monochrome / color-gamut / pointer / hover / any-pointer / any-hover / device-width / device-height / device-aspect-ratio

セレクタ

• Selectors Level 3 [原文] [和訳] [REC]
  * / E / ns|E / E[attr] / E[attr=val] / E[attr~=val] / E[attr|=val] / E[attr^=val] / E[attr$=val] / E[attr*=val] / E#id / E:not(s) / E F / E > F / E + F / E ~ F / :link / :visited / :hover / :active / :focus / :target / :lang / :enabled / :disabled / :checked / :indeterminate / :root / :nth-child() / :nth-last-child() / :nth-of-type() / :nth-last-of-type() / :first-child / :last-child / :first-of-type / :last-of-type / :only-child / :only-of-type / :empty / ::first-line / ::first-letter / ::before / ::after
• Selectors Level 4 [原文] [和訳] [WD]
  :is() / :not() / :where() / :has() / :dir() / :lang() / :any-link / :link / :visited / :local-link / :target / :target-within / :scope / :hover / :active / :focus / :focus-visible / :focus-within / :current / :past / :future / :playing / :paused / :enabled / :disabled / :read-only / :read-write / :placeholder-shown / :default / :checked / :indeterminate / :blank / :valid / :invalid / :in-range / :out-of-range / :required / :optional / :user-invalid / :root / :empty / :nth-child() / :nth-last-child() / :first-child / :last-child / :only-child / :nth-of-type() / :nth-last-of-type() / :first-of-type / :last-of-type / :only-of-type / :nth-col() / :nth-last-col()
• CSS Pseudo-Elements Module Level 4 [原文] [和訳] [WD]
  ::first-line / ::first-letter / ::selection / ::inactive-selection / ::spelling-error / ::grammar-error / ::before / ::after / ::marker / ::placeholder

値・単位・継承

• CSS Values and Units Module Level 3 [原文] [CR]
  inherit / initial / unset / em / ex / ch / rem / vw / vh / vmin / vmax / cm / mm / q / in / pt / pc / px / deg / grad / rad / tum / s / ms / Hz / kHz / dpi / dpcm / dppx / calc() / toggle() / attr()
• CSS Values and Units Module Level 4 [原文] [和訳] (ED)
  initial / inherit / unset / em / ex / cap / ch / ic / rem / lh / rlh / vw / vh / vi / vb / vmin / vmax / cm / mm / Q / in / pt / pc / px / deg / grad / rad / tum / s / ms / Hz / kHz / dpi / dpcm / dppx / calc() / min() / max() / toggle() / attr()
• CSS3 Cascading and Inheritance Level 3 [原文] [CR]
  @import / !important / all / initial / inherit / unset
• CSS Cascading and Inheritance Level 4 [原文] [和訳] [CR]
  @import / all / !important / initial / inherit / unset / revert

色

• CSS Color Module Level 3 [原文] [CR]
  color / opacity / rgb() / rgba() / hsl() / hsla() / transparent / currentColor
• CSS Color Module Level 4 [原文] [和訳] [FPWD]
  color / rgb() / rgba() / transparent / currentcolor / hsl() / hsla() / hwb() / lab() / lch() / gray() / color() / color-profile / device-cmyk() / color-mod() / opacity / color-adjust
• Compositing and Blending Level 1 [原文] [和訳] [CR]
  mix-blend-mode / background-blend-mode / isolation

フォント・テキスト

• CSS Fonts Module Level 3 [原文] [和訳] [CR]
  font / font-family / font-weight / font-stretch / font-style / font-size / font-size-adjust / font-synthesis / font-kerning / font-variant / font-variant-ligatures / font-variant-position / font-variant-caps / font-variant-numeric / font-variant-alternates / font-variant-east-asian / font-feature-settings / font-language-override
• CSS Text Decoration Module Level 3 [原文] [和訳] [CR]
  text-shadow / text-decoration / text-decoration-line / text-decoration-color / text-decoration-style / text-decoration-skip / text-underline-position / text-emphasis-style / text-emphasis-color / text-emphasis / text-emphasis-potision
• CSS Font Loading Module Level 3 [原文] [和訳] [LC]
  @font-face / load() / check() / ready()
• CSS Writing Modes Level 3 [原文] [CR]
  direction / unicode-bidi / writing-mode / text-orientation / text-combine-upright
• CSS Writing Modes Level 4 [原文] [和訳] [FPWD]
  direction / unicode-bidi / writing-mode / text-orientation / glyph-orientation-vertical / text-combine-upright
• CSS Text Module Level 3 [原文] [和訳] [WD]
  hanging-punctuation / hyphens / letter-spacing / line-break / overflow-wrap / tab-size / text-align / text-align-all / text-align-last / text-indent / text-justify / text-transform / white-space / word-break / word-spacing / word-wrap
• CSS Fragmentation Module Level 3 [原文] [和訳] [CR]
  box-decoration-break / break-after / break-before / break-inside / orphans / widows

リスト・カウンター

• CSS Lists and Counters Module Level 3 [原文] [WD]
  list-style / list-style-image / list-style-type / list-style-position / marker-side / counter-reset / counter-set / counter-increment / ::marker / counter()
• CSS Counter Styles Level 3 [原文] [和訳] [CR]
  @counter-style / system / negative / prefix / suffix / range / pad / fallback / symbols / additive-symbols / speak-as

背景・ボーダー・ボックス

• CSS Backgrounds and Borders Module Level 3 [原文] [和訳] [CR]
  background / background-attachment / background-clip / background-color / background-image / background-origin / background-position / background-repeat / background-size / border / border-top / border-right / border-bottom / border-left / border-color / border-top-color / border-right-color / border-bottom-color / border-left-color / border-style / border-top-style / border-right-style / border-bottom-style / border-left-style / border-width / border-top-width / border-right-width / border-bottom-width / border-left-width / border-radius / border-top-left-radius / border-top-right-radius / border-bottom-left-radius / border-bottom-right-radius / border-image / border-image-outset / border-image-slice / border-image-source / border-image-width / border-image-repeat / box-shadow
• CSS basic box model [原文] [和訳] [WD]
  clear / display / float / height / margin / margin-top / margin-right / margin-bottom / margin-left / marquee-direction / marquee-loop / marquee-speed / marquee-style / max-width / min-width / max-height / min-height / overflow / overflow-style / overflow-x / overflow-y / padding / padding-top / padding-right / padding-bottom / padding-left / rotation / rotation-point / visibility / width
• CSS Basic User Interface Module Level 3 [原文] [和訳] [PR]
  box-sizing / outline / outline-width / outline-style / outline-color / outline-offset / resize / text-overflow / cursor / caret-color / nav-up / nav-right / nav-down / nav-left
• CSS Basic User Interface Module Level 4 [原文] [WD]
  appearance / box-sizing / caret / caret-color / caret-shape / cursor / nav-down / nav-left / nav-right / nav-up / outline / outline-color / outline-offset / outline-style / outline-width / resize / text-overflow / user-select / caret-animation
• CSS Positioned Layout Module Level 3 [原文] [WD]
  position / top / right / bottom / left / offset-before / offset-after / offset-start / offset-end / z-index

動的効果

• CSS Transforms Module Level 1 [原文] [和訳] [WD]
  transform / transform-box / transform-origin / transform-style / perspective / perspective-origin / backface-visibility
• CSS Transitions [原文] [和訳] [WD]
  transition / transition-delay / transition-duration / transition-property / transition-timing-function
• CSS Animations Level 1 [原文] [和訳] [WD]
  animation / animation-delay / animation-direction / animation-duration / animation-fill-mode / animation-iteration-count / animation-name / animation-play-state / animation-timing-function

マルチカラム

• CSS Multi-column Layout Module Level 1 [原文] [和訳] [WD]
  column-count / column-fill / column-gap / column-rule / column-rule-color / column-rule-style / column-rule-width / column-span / column-width / columns
• CSS Flexible Box Layout Module Level 1 [原文] [和訳] [CR]
  align-content / align-items / align-self / flex / flex-basis / flex-direction / flex-flow / flex-grow / flex-shrink / flex-wrap / justify-content / order

形・マスキング

• CSS Shapes Module Level 1 [原文] [CR]
  shape-outside / shape-image-threshold / shape-margin
• CSS Masking Module Level 1 [原文] [CR]
  clip-path / clip-rule / mask-image / mask-mode / mask-repeat / mask-position / mask-clip / mask-origin / mask-size / mask-composite / mask / mask-border-source / mask-border-mode / mask-border-slice / mask-border-width / mask-border-outset / mask-border-repeat / mask-border / mask-type / clip

音声

• CSS Speech Module [原文] [和訳] [CR]
  cue / cue-after / cue-before / pause / pause-after / pause-before / rest / rest-after / rest-before / speak / speak-as / voice-balance / voice-duration / voice-family / voice-pitch / voice-range / voice-rate / voice-stress / voice-volume

その他

• CSS Image Values and Replaced Content Module Level 3 [原文] [和訳] [CR]
  image-orientation / image-resolution / object-fit / object-position
• Geometry Interfaces Module Level 1 [原文] [CR]
  x / y / height / width / top / right / bottom / left
• CSS Custom Properties for Cascading Variables Module Level 1 [原文] [和訳] [CR]
  --* / var()
• CSS Device Adaptation Module Level 1 [原文] [和訳] [WD]
  @viewport / min-width / max-width / width / min-height / max-height / height / zoom / min-zoom / max-zoom / user-zoom / orientation
• CSS Display Module Level 3 [原文] [和訳] [WD]
  display / box-suppress
• CSS Grid Layout Module Level 1 [原文] [和訳] [CR]
  grid / grid-area / grid-auto-columns / grid-auto-flow / grid-auto-rows / grid-column / grid-column-end / grid-column-start / grid-row / grid-row-end / grid-row-start / grid-template / grid-template-areas / grid-template-columns / grid-template-rows / grid-row-gap / grid-column-gap / grid-gap
• CSS Generated Content for Paged Media Module [原文] [WD]
  string-set / running / footnote-display / footnote-policy / bookmark-level / bookmark-label / bookmark-state
• CSS Line Grid Module Level 1 [原文] [WD]
  line-grid / line-snap / box-snap
• CSS Box Alignment Module Level 3 [原文] [和訳] [WD]
  align-content / align-items / align-self / column-gap / gap / justify-content / justify-items / justify-self / place-content / place-items / place-self / row-gap
• CSS Generated Content Module Level 3 [原文] [WD]
  content / quotes / string-set / bookmark-level / bookmark-label / bookmark-state
• CSS Exclusions Module Level 1 [原文] [和訳] [WD]
  wrap-flow / wrap-through
• CSS Inline Layout Module Level 3 [原文] [和訳] [WD]
  dominant-baseline / vertical-align / alignment-baseline / baseline-shift / initial-letter / initial-letter-align / initial-letter-wrap
• CSS Paged Media Module Level 3 [原文] [和訳] [WD]
  @page / :left / :right / :first / :blank / auto / min-width / max-width / size / page
• CSS Regions Module Level 1 [原文] [WD]
  flow-into / flow-from / break-before / break-after / break-inside / region-fragment
• CSS Ruby Layout Module Level 1 [原文] [WD]
  ruby-position / ruby-merge / ruby-align
• CSS Object Model (CSSOM) [原文] [和訳] [WD]
  CSS.escape()
• CSSOM View Module [原文] [和訳] [WD]
  scroll-behavior
• Filter Effects Module Level 1 [原文] [WD]
  filter / flood-color / flood-opacity / color-interprolation-filters / lighting-color
• Web Animations [原文] [WD]
  animate() / getAnimations() / play() / pause() / reverse() / finish() / cancel() / getFrames() / setFrames() / clone()
• CSS Overflow Module Level 3 [原文] [WD]
  overflow / overflow-x / overflow-y max-lines /
• CSS Page Floats [原文] [FPWD]
  float-reference / float / clear / float-defer / float-offset
• CSS Round Display Level 1 [原文] [WD]
  shape-inside / border-boundary / shape / viewport-fit
• CSS Scoping Module Level 1 [原文] [FPWD]
  @scope / :scope / :scope-context() / :host / :host() / :host-context() / ::shadow / ::content / ::region / /deep/
• CSS Scroll Snap Module Level 1 [原文] [和訳] [CR]
  scroll-margin / scroll-margin-block / scroll-margin-block-end / scroll-margin-block-start / scroll-margin-bottom / scroll-margin-inline / scroll-margin-inline-end / scroll-margin-inline-start / scroll-margin-left / scroll-margin-right / scroll-margin-top / scroll-padding / scroll-padding-block / scroll-padding-block-end / scroll-padding-block-start / scroll-padding-bottom / scroll-padding-inline / scroll-padding-inline-end / scroll-padding-inline-start / scroll-padding-left / scroll-padding-right / scroll-padding-top / scroll-snap-stop / scroll-snap-type
• CSS Text Module Level 4 [原文] [FPWD]
  text-space-collapse / text-space-trim / text-wrap / wrap-before / wrap-after / wrap-inside / white-space / hyphenate-character / hyphenate-limit-zone / hyphenate-limit-chars / hyphenate-limit-lines / hyphenatelimit-last / text-spacing
• CSS Will Change Module Level 1 [原文] [和訳] [CR]
  will-change
• CSS Intrinsic & Extrinsic Sizing Module Level 3 [原文] [和訳] [WD]
  width / height
• CSS Intrinsic & Extrinsic Sizing Module Level 3 [原文] [WD]
  offset-path / offset-distance / offset-position / offset-anchor / offset-rotate / offset
• Non-element Selectors Module Level 1 [原文] [FPWD]
  ::attr()
• CSS Print Profile [原文] [NOTE]
• CSS3 Hyperlink Presentation Module [原文] [NOTE]
• Behavioral Extensions to CSS [原文] [NOTE]
• CSS Mobile Profile 2.0 [原文] [NOTE]
• CSS Template Layout Module [原文] [NOTE]
• CSS Marquee Module Level 3 [原文] [NOTE]
• CSS Presentation Levels Module [原文] [NOTE]