BitPage

Appearance

CSS ​

연도 기준: Baseline (Chrome · Edge · Firefox · Safari 전부 지원).

2025 ​

  • @scope
  • View Transitions (동일 문서)

2024 ​

  • text-wrap: balance
  • light-dark()
  • @property (타입 있는 커스텀 속성)
  • @starting-style (진입 트랜지션)
  • transition-behavior: allow-discrete
  • Relative color syntax (rgb(from ...))
  • content-visibility

2023 ​

  • Container Queries (@container, cqw / cqi 단위)
  • :has() (부모 선택자)
  • Subgrid
  • 광색역 색상 함수 (oklch() / oklab() / lab() / lch() / color())
  • color-mix()
  • CSS Nesting (& 네이티브 중첩)
  • Media Query 범위 구문 (@media (width >= 600px))

2022 ​

  • Cascade Layers (@layer)
  • :focus-visible
  • accent-color
  • 동적 뷰포트 단위 (dvh / svh / lvh)

2021 ​

  • Flexbox gap
  • aspect-ratio
  • :is() / :where()
  • 논리 속성 (margin-inline / padding-block / inset 등)

2020 ​

이 해 항목 다수는 Chromium 기반 Edge 79(2020.01)가 마지막으로 지원하며 상호운용이 완성된 케이스입니다.

  • min() / max() / clamp()
  • object-fit / object-position
  • CSS Scroll Snap (scroll-snap-type / scroll-snap-align)
  • prefers-color-scheme
  • prefers-reduced-motion
  • :focus-within
  • mix-blend-mode / background-blend-mode
  • place-items / place-content
  • conic-gradient()

2019 ​

  • position: sticky (prefix 제거)
  • touch-action

2018 ​

  • Variable Fonts (font-variation-settings)

2017 ​

  • CSS Grid Layout
  • CSS Custom Properties (변수, --* / var())
  • Multi-column Layout (columns)

2016 ​

  • CSS filter 함수 (blur() / brightness() / drop-shadow() 등)

2015 ​

  • Flexbox (prefix 제거)
  • @supports (기능 쿼리)

Last updated: