CSS大解剖 1日目: 「仕様書」
本稿は、2024年2月頃に書き溜めていたシリーズです。最後まで温存させるのが勿体ないので、未完成ですがそのまま公開します(公開日: 2025/9/21)。そのため、内容の重複や記述方針の不一致があるかもしれませんが、ご理解ください。 CSSの仕様を理解するために、1日ごとにテーマを決めて説明する企画1日目です。今日のテーマは「仕様書」です。 仕様書 CSSはWebの標準化団体であるW3Cによって標準化され、各ブラウザベンダによって実装されている規格です。 標準化して挙動を仕様書として書き起こすことによって、Webブラウザ間の相互運用性が高まり、Web開発者も互換性の高い記述を心掛けてCSSを書くことができるようになります。 とはいえ、仕様書と実装の関係は必ずしも一方向的ではありません。「仕様書に記載される → 実装される」というシンプルな順番であるとは限らないのです。実装されたものにあわせ
CSS Environment Variables Module Level 1
CSS Environment Variables Module Level 1 Editor’s Draft, 26 October 2025 More details about this document This version: https://drafts.csswg.org/css-env-1/ Latest published version: https://www.w3.org/TR/css-env-1 Feedback: CSSWG Issues Repository Inline In Spec Editor: Tab Atkins-Bittner (Google) Former Editor: Dean Jackson (Apple) Suggest an Edit for this Spec: GitHub Editor Test Suite: https://
Let’s Define CSS 4 · Issue #4770 · w3c/csswg-drafts
It’s come up quite a few times recently that the world of people who make websites would greatly benefit from the CSS Working Group officially defining ”CSS 4”, and later “CSS 5“, etc. Chris Coyier wrote: CSS3, and perhaps to a larger degree, "HTML5", became (almost) household names. It was so successful, it's leaving us wanting to pull that lever again. It was successful on a ton of levels: • It
Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]
That should be corrected if anyone invents a time machine. :P
[selectors] The forgiving nature of :has breaks jQuery when used with a complex :has selector · Issue #7676 · w3c/csswg-drafts
The fact that the native :has pseudo-class: https://drafts.csswg.org/selectors/#relational takes forgiving-relative-selector-list as an argument: https://drafts.csswg.org/selectors/#forgiving-selector means the contents are not validated. jQuery has supported the :has pseudo-class for ages. However, its support is more powerful; in particular, it allows for jQuery extensions like :contains to appe
![[selectors] The forgiving nature of :has breaks jQuery when used with a complex :has selector · Issue #7676 · w3c/csswg-drafts](https://cdn-ak-scissors.b.st-hatena.com/image/square/12249cc716d09a0dc9db5b89d3b2eaaed20c884c/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F8458502b2fcf99daa0f5b6013a60e92fea2738b16544a8cd666f187fe547c577%2Fw3c%2Fcsswg-drafts%2Fissues%2F7676)
CSS Nesting Module Level 1
CSS Nesting Module Level 1 W3C Working Draft, 22 January 2026 More details about this document This version: https://www.w3.org/TR/2026/WD-css-nesting-1-20260122/ Latest published version: https://www.w3.org/TR/css-nesting-1/ Editor's Draft: https://drafts.csswg.org/css-nesting/ History: https://www.w3.org/standards/history/css-nesting-1/ Feedback: CSSWG Issues Repository Inline In Spec Editor: Ta
2021年のウェブ標準とブラウザ | gihyo.jp
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
CSS Snapshot 2018 日本語訳
CSS Snapshot 2020 W3C Working Group Note, 22 December 2020 This version: https://www.w3.org/TR/2020/NOTE-css-2020-20201222/ Latest published version: https://www.w3.org/TR/css-2020/ Editor's Draft: https://drafts.csswg.org/css-2020/ Issue Tracking: CSSWG Issues Repository Editors: Tab Atkins Jr. (Google) Elika J. Etemad / fantasai (Invited Expert) Florian Rivoal (Invited Expert) Suggest an Edit fo
Learning CSS by reading specs | Chen Hui Jing
Recently I got the chance to do an interview with Vitaly Friedman as part of the run-up to View Source Conference taking place in September this year. One of the things we chatted about was around new CSS. My good friend, Wei, is an incredible technical writer who is very involved in documentation for open-source projects. She wrote most of the React-Redux documentation and is one of the core main
Why isn't it <style src="">? | CSS-Tricks
The way JavaScript works is we can do scripts as an inline block: <script> let foo = "bar"; </script> Or, if the script should be fetched from the network… <script src="/js/global.js"></script> With CSS, we can do an inline block of styles: <style> .foo { color: red; } </style> So why not <style src=""></style>? Instead, we have <link href="">. Harry Roberts asked about that the other day on Twitt
私のゴールは世界中の言語でCSSを使えるようにすること EPUB3で縦書きを実現した、fantasai（エリカ・エテマッド）に聞く
はじめに この原稿は2013年に8割ほど書いたまま放置していたものを、Advanced Publishing Laboratory（APL）の「fantasaiの業績を日本でも知ってもらいたい」という意志に促され、サルベージして完成させたものです。したがって文中の「現在」は2013年中頃であることをお断りします。 原稿を放置したまま今日に至ったのは、私の怠慢以外に理由はありません。取材を受けてくださったfantasai、通訳をはじめ、さまざまな便宜を図ってくださった村上真雄・由美ご夫妻には、大変なご迷惑をおかけしたことを改めて深くお詫び致します。 このような中途半端な原稿ですが、多少なりとも読めるものになっているとすれば、それはfantasaiの努力や達成が本物だったからではないでしょうか。そのことをお伝えできれば良いのですが。（2018年9月5日 筆者識） ▼EPUB 3における陰の
Where is CSS4? When is it coming out?
Many people are waiting for CSS4 to come out. Where is it? When will it arrive? The answer is never. CSS4 will never happen. It's not actually a thing. Jen explains how CSS continues to evolve, with lots of new features shipping, but none of them under a giant “CSS4” banner. The master list of all the official CSS, currently: https://www.w3.org/Style/CSS/current-work CSS1: https://www.w3.org/T
Intent to unship: HTML scoped style sheets (<style scoped>) - Google Groups
HTML scoped style sheets is a feature that allows the effects of style sheets to be scoped to a subtree of a document. Support for this feature was introduced first in Chrome 19 behind a flag (in mid-2012) and in Firefox 21 without a pref (in mid-2013). Since then, Chrome removed their implementation in Chrome 37, and the feature was removed from the spec last year due to lack of interest from oth
Media Queries Level 4
Media Queries Level 4 W3C Candidate Recommendation Draft, 19 February 2026 More details about this document This version: https://www.w3.org/TR/2026/CRD-mediaqueries-4-20260219/ Latest published version: https://www.w3.org/TR/mediaqueries-4/ Editor's Draft: https://drafts.csswg.org/mediaqueries-4/ Previous Versions: https://www.w3.org/TR/2021/CRD-mediaqueries-4-20211225/ History: https://www.w3.or
GitHub - csstools/cssdb: A database of staged CSS features
cssdb is a list of CSS features and their positions in the process of becoming implemented web standards. Did you come here to update the status of a CSS feature or add a new one? Quick, read CONTRIBUTING.md. Did you come here to learn about the stages? Quick, read STAGES.md. cssdb ranks CSS features by stages that reflect the real-life stability of new CSS features. You can read an inside view of
CSS Grid Layout (W3C Working Draft, 2 April 2013)
CSS Grid Layout Module Level 1 W3C Candidate Recommendation Draft, 26 March 2025 More details about this document This version: https://www.w3.org/TR/2025/CRD-css-grid-1-20250326/ Latest published version: https://www.w3.org/TR/css-grid-1/ Editor's Draft: https://drafts.csswg.org/css-grid-1/ History: https://www.w3.org/standards/history/css-grid-1/ Implementation Report: https://wpt.fyi/results/cs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Group Note: CSS Snapshot 2025
CSS WG Blog – First Public Working Draft of CSS Grid Level 3 / Masonry Layout
[css-images] image-orientation:none violates same-origin policy · Issue #5165 · w3c/csswg-drafts
Refer to the spec: What is all that stuff at the top of the spec? – Rachel Andrew
