アットルールは CSS がどのように動作するかを指示するCSS 文です。これらは、スタイルルールやその他のアットルールをグループ化・構造化するため、選択されたコンテンツと直接関連しないスタイル情報を宣言するため、およびインポートや名前空間キーワードマッピングといった構文構造を管理するために使用されます。アット記号@ (U+0040 COMMERCIAL AT) で始まり、識別子が続きます。

アットルールとアットルール記述子の索引

• @charset
• @color-profile
• @container
• @counter-style
  • additive-symbols
  • fallback
  • negative
  • pad
  • prefix
  • range
  • speak-as
  • suffix
  • symbols
  • system
• @document非標準非推奨;
• @font-face
  • ascent-override
  • descent-override
  • font-display
  • font-family
  • font-feature-settings
  • font-stretch
  • font-style
  • font-variation-settings
  • font-weight
  • line-gap-override
  • size-adjust
  • src
  • unicode-range
• @font-feature-values
  • font-display
• @font-palette-values
  • base-palette
  • font-family
  • override-colors
• @functionExperimental
• @import
• @keyframes
• @layer
• @media （次の節のメディア特性の一覧を参照）
• @namespace
• @page
  • page-orientation
  • size
• @position-try
• @property
  • inherits
  • initial-value
  • syntax
• @scope
• @starting-style
• @supports
• @view-transition

メディア特性の索引

• -moz-device-pixel-ratio
• -webkit-animation
• -webkit-device-pixel-ratio
• -webkit-transform-2d
• -webkit-transform-3d
• -webkit-transition
• any-hover
• any-pointer
• aspect-ratio
• color
• color-gamut
• color-index
• device-aspect-ratio
• device-height
• display-mode
• dynamic-range
• forced-colors
• grid
• height
• horizontal-viewport-segments
• hover
• inverted-colors
• monochrome
• orientation
• overflow-block
• overflow-inline
• pointer
• prefers-color-scheme
• prefers-contrast
• prefers-reduced-data
• prefers-reduced-motion
• prefers-reduced-transparency
• resolution
• scan
• scripting
• shape
• update
• vertical-viewport-segments
• video-dynamic-range
• width

仕様書

関連情報

• CSS アットルール関数
• 入れ子アットルール
• CSS 構文モジュール
• CSS 条件付きルールモジュール