| ルール名 | @container |
|---|---|
| 構文 |
@container <container-condition> { <stylesheet> } |
| 詳細 | <container-condition> = [ <container-name> ]? <container-query> <container-query> = not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ] <query-in-parens> = ( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed> <style-query> = not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature> <style-in-parens> = ( <style-query> ) | ( <style-feature> ) | <general-enclosed> |
| サポート | https://caniuse.com/mdn-css_at-rules_container |
コンテナクエリの条件とスタイルを指定します。詳細は「コンテナクエリ」を参照してください。