Cascading Style Sheets

CSS (Web)

[154] CSS (Cascading Style Sheets) は、 Webスタイル・シート言語です。 主にマーク付け言語 HTML と共に用いられますが、 WebVTTXML でも使うことができます。

CSS の構成要素

CSS の仕様

[77] CSS Print Profile http://www.w3.org/TR/2006/WD-css-print-20061013/ (名無しさん 2006-10-13 23:18:56 +00:00)

[80] CSS Mobile Profile 2.0 http://www.w3.org/TR/2006/WD-css-mobile-20061208/ (名無しさん 2006-12-09 07:02:36 +00:00)

[81] よくみると版が 2.0 になってる (名無しさん)

[82] [css-mobile] New WD of CSS Mobile Profile from Bert Bos on 2006-12-08 (www-style@w3.org from December 2006) http://lists.w3.org/Archives/Public/www-style/2006Dec/0035

When the 1.0 draft was published as a Candidate Recommendation, it turned out that it was slightly different from another specification, called WCSS 1, published by the OMA (Open Mobile Alliance). Since then, W3C and OMA decided to work together on a common profile. This is the first draft.

(名無しさん 2006-12-09 07:32:11 +00:00)

[87] Index of /xhtml-print/HTML-Version (2007-01-07 21:20:58 +09:00 版) http://www.pwg.org/xhtml-print/HTML-Version/ (名無しさん)

[135] Cascading Style Sheets (CSS) Snapshot 2007 (2007-10-19 23:13:24 +09:00 版) http://www.w3.org/TR/2007/WD-css-beijing-20071019/

[21] JavaFX CSS

HTMLメールのCSS

[31] Gmail Supported CSS Properties & Media Queries | Gmail Sender Resources | Google Developers, , https://developers.google.com/gmail/design/reference/supported_css

HTMLメール

CSS からの派生

[74] CSSもどきはいろいろあります。

[16] CSS語彙の一部または全部を使った CSS とは異なる技術:

[20] CSS の構文の一部を使った CSS とは異なる技術:

[49] AltCSS などと呼ばれるものもあります。

[27] 前処理によって CSS に変換されることが前提とされる言語
[50] JavaScript に対する AltJS に当たるものです。

[51] Tailwind CSS, Master CSS

[64] >>60 は有料。 >>58 は同じ研究グループによるもので、ここで紹介されている 「拡張CSS」と >>60 の中身はおそらく同じようなものなのだろう。 >>60 は平成23年、 >>58 は URL を信じれば平成21年。

[65] Web標準に対する拡張の提案を有料で中身を見れない媒体で公表する意味がわからない。 社会に対して有用だと思っての提案なのだから、実現可能性が高い媒体を選ぶのも研究の一部なのでは。

[67] CSS-NG: An Extension of the Cascading Style Sheets Language (CSS) with Dynamic Document Rendering Features - thesis.pdf, , https://www.en.pms.ifi.lmu.de/publications/diplomarbeiten/Christoph.Wieser/thesis.pdf

コーディング規約

[25] CSSCSS のための classコーディング規約や設計手法が色々と提案されています。

CSS レイアウト

CSSレイアウト

歴史

[99] Style sheets for on-line SGML & HTML, , https://web.archive.org/web/19990202012847/http://odur.let.rug.nl/%7Ebert/Stylesheets/

CSS1

[17] CSS1 も参照。

[57] W3C Journal, , https://web.archive.org/web/19980202200424/http://www.w3journal.com/5/s2.lie.html

CSS2

[18] CSS2 も参照。

CSS3

[19] CSS3 も参照。

CSS 2007

[155] 2007年末に作業がはじまり2011年5月に WG Note となった CSS 2007 によれば、2007年時点での Cascading Style Sheets は、

... によって構成されます >>156

CSS 2010

[157] 20011年5月に WG Note となった CSS 2010 によれば、2010年末の時点での Cascading Style Sheets は、

... によって構成されます >>158

>>155 から媒体照会 (だけ) が追加されています。

2017年

[22] CSS 2.2CSS 2.3 が準備されていましたが、これらの名前は廃止され、 CSS 2.1 の改訂版として発行されることになりました。場所によっては CSS2 と表記されています。

[23] つまり実質的にバージョン番号の廃止なのですが、 既に分割されたモジュール仕様書はそのままの形で開発が継続されていて、 古い CSS2 だけバージョン番号を変えずに改訂を続けるという歪な形になっています。 (元の CSS 2.0CSS 2.1 とは違って、新しいモジュール仕様書が発行された部分は削除されています。)

[24] には、 CSS Snapshot 2017 が出版されています。

メモ

[52] 各ブラウザのCSS対応表, , https://web.archive.org/web/20020221094919/http://www.villagecenter.co.jp/atvc/vcsoft/htmlcmd/cssref.html

[53] UAのバグ 一覧 - CSS Dencitie, , https://web.archive.org/web/20051212163127/http://www6.plala.or.jp/go_west/nextcss/bug/index.html

[37] Chapter 20 The CSS saga http://www.w3.org/Style/LieBos2e/history/

[56] CSSメモ http://f57.aaa.livedoor.jp/~motohiko/CSS/

[61] PhD Thesis: Cascading Style Sheets http://people.opera.com/howcome/2006/phd/ (名無しさん 2006-02-19 04:28:35 +00:00)

[45] CSSレイアウト最大の欠点 - WebStudio http://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2005092403 (名無しさん [sage])

[54] CSS1 box/float/clear tests (aka Acid Box Model Test) http://style.cleverchimp.com/boxacidtest/ (名無しさん [sage])

[55] Grauw’s web spot - The www-style CSS FAQ http://www.grauw.nl/articles/css-faq.php (名無しさん)

[62] A List Apart: Articles: Printing a Book with CSS: Boom! http://www.alistapart.com/articles/boom (名無しさん)

[63] Friendly Bit » Interview: Why did CSS succeed? http://friendlybit.com/css/interview-why-did-css-succeed/ (名無しさん 2006-03-18 08:22:12 +00:00)

[66] Open Web Design - Home http://www.openwebdesign.org/ (名無しさん 2006-06-04 08:20:12 +00:00)

[68] Coding practices of web pages http://www.triin.net/2006/06/12/Coding_practices_of_web_pages (名無しさん 2006-06-17 03:43:19 +00:00)

[69] dog or higher: Semantics in the wild http://westciv.typepad.com/dog_or_higher/2005/11/real_world_sema.html (名無しさん 2006-06-17 03:45:42 +00:00)

[70] CSS Tips:メモランダム http://elastic965.80code.com/blog/2006/08/css_tips (名無しさん 2006-08-30 23:32:07 +00:00)

[71] More Precise Definitions of Intrinsic Widths and Table Layout (Proposal) http://dbaron.org/css/intrinsic/ (名無しさん 2006-09-01 13:10:38 +00:00)

[72] David Baron's CSS Playground http://dbaron.org/css/ (名無しさん)

[73] CSS shortcomings - Robert’s talk http://www.robertnyman.com/2006/09/06/css-shortcomings/ (名無しさん 2006-09-07 23:01:41 +00:00)

[76] Re: [XHTML 2] renaming :link to :unvisited from Bert Bos on 2006-09-28 (www-style@w3.org from September 2006) http://lists.w3.org/Archives/Public/www-style/2006Sep/0278.html

At the time, I didn't expect CSS to reach its 10th birthday.

(名無しさん 2006-10-01 10:05:52 +00:00)

[78] CSS Rounded Corners 'Roundup' | Smiley Cat Web Design http://www.smileycat.com/miaow/archives/000044.html (名無しさん 2006-10-24 13:55:09 +00:00)

[79] CSS Server-side Constants // ShaunInman.com/post http://www.shauninman.com/post/heap/2005/08/09/css_constants (名無しさん)

[83] CSS Gallery http://www.microsoft.com/typography/css/gallery/entrance.htm

WinIE 3 の時代のもの。 (名無しさん)

[84] Historical Style Sheets Proposals http://www.w3.org/Style/History/ (名無しさん 2006-12-19 23:39:27 +00:00)

[85] CSS tests (2006-11-28 10:44:26 +09:00 版) http://www.howtocreate.co.uk/operaStuff/testMedia.html (名無しさん 2006-12-28 01:47:17 +00:00)

[86] NPO法人しゃらく::CSS Engine in Japan (2007-01-05 16:12:20 +09:00 版) http://www.123kobe.com/csssearch/ (名無しさん 2007-01-05 10:56:52 +00:00)

[88] SKUER - The CSS Search Engine (2007-01-12 23:08:13 +09:00 版) http://skuer.com/index.php (名無しさん 2007-01-12 14:19:08 +00:00)

[89] 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine (2007-01-19 23:10:20 +09:00 版) http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ (名無しさん)

[90] CSS 2.1 Filterable property table (2007-01-21 06:54:26 +09:00 版) http://simon.html5.org/css21-properties (名無しさん 2007-01-21 03:49:47 +00:00)

[91] あなたは勘違いしてないか? 真相究明! CSS都市伝説 | Web担当者Forum (2007-01-26 09:19:49 +09:00 版) http://web-tan.forum.impressrd.jp/e/2007/01/25/387?page=0%2C1

(名無しさん 2007-01-26 00:20:36 +00:00)

[92] >>91

HTML4制定以前に作ったガイドラインを全面改訂しないとCSSを使ったページ作りに踏み込めないが、そこまでの費用がありません

いったいどれだけの老舗だよwwwwwwwwwwwwwwwww (名無しさん 2007-01-26 00:21:12 +00:00)

[93] CSS でよく使う装飾定義をコンポーネントとしてまとめる - 2xup.org (Taichi Kaminogoya 著, 2007-01-27 00:53:55 +09:00 版) http://2xup.org/log/2007/01/26-0126 (名無しさん 2007-01-27 03:12:30 +00:00)

[94] CSSでよく使う装飾定義をclass名でまとめることについて - 徒書 (北村曉 著, 2007-01-26 20:19:08 +09:00 版) http://www.akatsukinishisu.net/itazuragaki/html/i20070126.html (名無しさん 2007-01-27 03:12:54 +00:00)

[95] CSS着せ替えテンプレートプロジェクト! (2007-03-08 21:07:35 +09:00 版) http://css.poromeria.com/ (名無しさん)

[96] CSS Font and Text Style Wizard (2007-03-09 08:24:28 +09:00 版) http://www.somacon.com/p334.php (名無しさん)

[97] CSS List Style Wizard (2007-03-09 08:26:14 +09:00 版) http://www.somacon.com/p357.php (名無しさん)

[98] HTML and CSS Table Border Style Wizard (2007-03-09 08:26:48 +09:00 版) http://www.somacon.com/p141.php (名無しさん)

[114] 画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会 (2007-04-12 08:14:16 +09:00 版) http://www.jam-graffiti.com/non-pic-css/download/css-party.html (名無しさん 2007-04-11 23:15:38 +00:00)

[116] CSS 10 years after (2007-05-10 00:46:33 +09:00 版) http://www.w3.org/Talks/2007/0509-CSS-WWW2007/ (名無しさん 2007-05-10 11:34:18 +00:00)

[117] 70 Expert Ideas For Better CSS Coding | Smashing Magazine (2007-05-13 11:31:52 +09:00 版) http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/ (名無しさん 2007-05-13 02:34:37 +00:00)

[118] CSSは悪くない : 雑記帳 : der Gegenwart (Rusica 著, 2007-05-26 12:04:09 +09:00 版) http://www.rusica.net/note/2007/05/23/css_7.html (名無しさん 2007-05-26 03:05:46 +00:00)

[119] ブログでCSSを学ぶ人へ:メモランダム (2007-05-25 14:57:14 +09:00 版) http://mynotes.jp/blog/2007/05/to_someone_studying_css (名無しさん 2007-05-26 03:07:52 +00:00)

[120] Lucky bag::blog: CSS が valid でなければいけない理由って何ですか? (e-luck 著, 2007-06-09 23:28:41 +09:00 版) http://www.lucky-bag.com/archives/2007/06/why-css-must-be-valid.html (名無しさん 2007-06-09 14:30:50 +00:00)

[121] CSS が valid でなければいけない理由。 (Junnama Online (Mirror)) (2007-06-09 17:42:10 +09:00 版) http://junnama.alfasado.net/online/2007/06/css_valid.html (名無しさん 2007-06-09 14:31:28 +00:00)

[122] CSS が valid でなければいけない理由[to-R] (2007-06-09 23:31:10 +09:00 版) http://blog.webcreativepark.net/2007/06/09-100515.html (名無しさん 2007-06-09 14:32:40 +00:00)

[123] Re:CSS が valid でなければいけない理由って何ですか? - 俺的メモ (如月ニイチ 著, 2007-06-09 23:31:51 +09:00 版) http://otg.jik.jp/memo/?e=89 (名無しさん 2007-06-09 14:33:37 +00:00)

[124] Re:CSS が valid でなければいけない理由って何ですか? - 俺的メモ (如月ニイチ 著, 2007-06-09 23:31:51 +09:00 版) http://otg.jik.jp/memo/?e=89 (名無しさん 2007-06-09 14:33:59 +00:00)

[125] XSL-FO 2.0 Workshop 2006: Report (2007-01-31 05:46:33 +09:00 版) http://www.w3.org/Style/XSL/2006-Workshop/Report.html#ahcss

Antenna House (an implementor of XSL and represented on the XSL Working Group) gave a presentation about their desire for greater compatibility between CSS, and especially the CSS 3 drafts, and XSL-FO.

This proposal has been withdrawn.

There was a discussion on CSS compatibility at another occasion during the Workshop. Everyone wanted it, but in fact there were zero votes for compatibility with 3.0, one or two votes for compatibility with CSS 2.1, and none for CSS 2.0; no-one wanted to lost backwards compatibility with XSL-FO 1.0 or 1.1 in order to improve compatibility with the CSS 3 working drafts. A sizeable minority (more than a third) wanted the normative references to CSS removed altogether.

(名無しさん)

[127] css-redundancy-checker - Google Code (2007-07-13 20:11:20 +09:00 版) http://code.google.com/p/css-redundancy-checker/ (名無しさん)

[128] CSS Working Group Blog (2007-07-13 21:49:01 +09:00 版) http://www.w3.org/blog/CSS/2007/07/03/rotations_and_non_rectangular_floats (名無しさん 2007-07-13 12:56:20 +00:00)

[129] Source Of Life » cssmerge (2007-07-13 21:46:52 +09:00 版) http://src.life.eu.org/archives/category/software/webcgi/cssmerge/ (名無しさん)

[130] cssutils - Google Code (2007-07-14 00:18:26 +09:00 版) http://code.google.com/p/cssutils/ (名無しさん)

[131] CSS Extensions for Multimodal Interaction (2004-12-15 04:05:11 +09:00 版) http://www.w3.org/People/Raggett/css-mmi/ (名無しさん)

[132] ショートハンドCSSプロパティとWYSIWYG型オーサリングツール (おさんぽさんぽ) (2007-08-16 09:24:52 +09:00 版) http://hpbuilder.net/weblog/2007/08/15182852.html (名無しさん)

[133] CSS でオリジナルポスターを作ろう | WWW WATCH (2007-09-07 22:22:55 +09:00 版) http://hyper-text.org/archives/2007/01/create_css_poster.shtml (名無しさん)

[145] CSS3ウェブブラウザ実装メモ - 血統の森 web実験小屋 (momdo 著, 版) http://momdo.s35.xrea.com/web-html-test/CSS3-memo/index.html

[146] State of the Browsable Web (Dec 2008) ― CSS - vantguarde - web:g ( 版) http://web.g.hatena.ne.jp/vantguarde/20081213/1229145675

[147] WebKit の CSS の字句解析部分を JavaScript に移植しました - IT戦記 ( 版) http://d.hatena.ne.jp/amachang/20080502/1209732467

[148] CSS の構文解析と @-webkit-*** ルールの意味 - IT戦記 ( 版) http://d.hatena.ne.jp/amachang/20080426/1209232373

[149] GNU `gettext' utilities ( 版) http://www.gnu.org/software/gettext/manual/gettext.html#Style-rules

The same style file can be used for styling of a PO file, for terminal output and for HTML output. It is written in CSS (Cascading Style Sheet) syntax.

[150] Historical Style Sheets Proposals ( 版) http://www.w3.org/Style/History/

[151] Cascading Style Sheets (CSS) Snapshot 2010 ( ( 版)) http://dev.w3.org/csswg/css-2010/

[152] はてなダイアリーXSS対策 - はてなダイアリーのヘルプ ( ( 版)) http://hatenadiary.g.hatena.ne.jp/keyword/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E3%83%BCXSS%E5%AF%BE%E7%AD%96[153]

[159] Styling – SVG 1.1 (Second Edition) ( ( 版)) http://www.w3.org/TR/2011/REC-SVG11-20110816/styling.html#CaseSensitivity

[160] Styling – SVG 1.1 (Second Edition) ( ( 版)) http://www.w3.org/TR/2011/REC-SVG11-20110816/styling.html#CaseSensitivity

[166] CSS2.1 Test Case Authoring Guidelines ( ( 版)) http://www.w3.org/Style/CSS/Test/guidelines.html

[167] IRC logs: freenode / #whatwg / 20120201 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120201

[168] IRC logs: freenode / #whatwg / 20120609 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120609

[169] David Baron's weblog: Specification style and the future of the Web ( ( 版)) http://dbaron.org/log/20120827-specification-style

[170] Requirements for Latin Text Layout and Pagination ( ( 版)) http://w3c.github.io/dpub-pagination/index.html

[171] E4/CSS - Eclipsepedia ( ( 版)) http://wiki.eclipse.org/E4/CSS

[172] E4/CSS/SWT Mapping - Eclipsepedia ( ( 版)) http://wiki.eclipse.org/E4/CSS/SWT_Mapping

[173] Re: CSS 4 ( (Tab Atkins Jr. 著, 版)) http://lists.w3.org/Archives/Public/www-style/2014Feb/0035.html

[174] w3c/csswg-drafts ( ( 版)) https://github.com/w3c/csswg-drafts

[175] CSS Test Suite Manager ( ( 版)) https://api.csswg.org/shepherd/

[176] Re: List of all CSS unprefixed properties ( (Peter Linss 著, 版)) http://lists.w3.org/Archives/Public/www-style/2014Mar/0434.html

[177] IRC logs: freenode / #whatwg / 20140812 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20140812

[178] Specification Issues and Planning [CSS Working Group Wiki] ( ( 版)) http://wiki.csswg.org/spec

[179] Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki] ( ( 版)) https://wiki.csswg.org/ideas/mistakes

[180] it was twenty year ago today ( (Håkon Wium Lie 著, 版)) http://lists.w3.org/Archives/Public/www-style/2014Oct/0193.html

[181] Dev.Opera — CSS: It was twenty years ago today — an interview with Håkon Wium Lie ( ( 版)) https://dev.opera.com/articles/css-twenty-years-hakon/

[182] A Word About CSS4 - Tab Completion ( ( 版)) http://www.xanthir.com/b4Ko0

[1] [css-2015] CSS Snapshot (fantasai 著, 版) https://lists.w3.org/Archives/Public/www-style/2015Feb/0157.html

[2] CSS Extensions ( 版) https://tabatkins.github.io/specs/css-aliases/

[4] Proposal: Generalized Cascading Sheets (Lea Verou 著, 版) https://lists.w3.org/Archives/Public/www-style/2015Jul/0421.html

[5] Priorities for CSS from the Digital Publishing Interest Group ( ( 版)) http://www.w3.org/TR/2015/WD-dpub-css-priorities-20150820/

[6] Priorities for CSS from the Digital Publishing Interest Group ( 版) http://w3c.github.io/dpub-pagination/priorities.html

[7] [CITE@en_US[Supported HTML Subset | Qt 4.8]] ( 版) http://doc.qt.io/qt-4.8/richtext-html-subset.html

The following table lists the CSS properties supported by Qt's rich text engine:

[8] CSSNG: An Extension of the Cascading Styles Sheets Language (CSS) with Dynamic Document Rendering Features ( 版) http://www.en.pms.ifi.lmu.de/publications/diplomarbeiten/Christoph.Wieser/thesis.pdf

[9] vml css properties in ooxml spec

[13] CSS のカバレッジを計測する Clairvoyance というツールを作りました - アジャイルSEの憂鬱 ( 版) http://sinsoku.hatenablog.com/entry/2016/01/31/174155

[14] E4/CSS/SWT Mapping - Eclipsepedia ( 版) http://wiki.eclipse.org/E4/CSS/SWT_Mapping

Many SWT property setting methods can be accessed via CSS. These tables show the equivalent mapping from SWT method to CSS property. They also show pseudo selectors which can be used to choose styling based on widget state.

[15] CSS Indexes ( ()) https://drafts.csswg.org/indexes/

[28] CSS Expressive Generalizations and Gadgetry Level 1 () https://drafts.csswg.org/css-egg/

[29] Unofficial Spec Status Report (fantasai著, ) https://lists.w3.org/Archives/Public/www-style/2017Sep/0056.html

[30] Re: Unofficial Spec Status Report (fantasai著, ) https://lists.w3.org/Archives/Public/www-style/2017Sep/0057.html

[32] Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki] () https://wiki.csswg.org/ideas/mistakes

[34] CSS Snapshot 2018 () https://www.w3.org/TR/css-2018/

[35] CSS Snapshot 2018 () https://www.w3.org/TR/css-2018/

[36] CSS Snapshot 2018 () https://www.w3.org/TR/2019/NOTE-css-2018-20190122/

[43] CSS Snapshot 2018 () https://www.w3.org/TR/2019/NOTE-css-2018-20190122/

[44] CSS Snapshot 2018 () https://www.w3.org/TR/2018/NOTE-css-2018-20181115/

[46] CSS Snapshot 2018 () https://drafts.csswg.org/css-2018/

[47] Versioning policy and backwards incompatible changes · Issue #5114 · w3c/csswg-drafts () https://github.com/w3c/csswg-drafts/issues/5114

[48] CSS Snapshot 2020 (, ) https://drafts.csswg.org/css-2020/

[100] RFC: Initial CSS Level Categorization · CSS-Next/css-next · Discussion #92 · GitHub, https://github.com/CSS-Next/css-next/discussions/92

[101] Why doesn't the categorization align with the baseline initiative? · Issue #93 · CSS-Next/css-next · GitHub, https://github.com/CSS-Next/css-next/issues/93

[102] GitHub - CSS-Next/logo.css, https://github.com/CSS-Next/logo.css

[103] 教育や採用に level は有用だから復活させよう、賛同者も多いし!という話で CSS WG の許可も出て活動を始めたはずなのに、いざやり始めると手を動かす人は少ないし、 作業もあまり進んでいないようにみえる。しかし >>102 のようにロゴを作ろう!みたいなのには力が入っている。草。

[104] >>100 を見ると教育や採用に有用という話に疑問を示すコメントも多くついている。 方針が決まった今更になって賛同意見を示す人が少ないというだけかもしれないが。

[105] >>101 などを見ると現実問題として level を設定することに困難が伴うという当初から予見できた事実が露見しているし、 このまま進めたとしても CSS Snapshot と同じで実効性に乏しい謎の区分ができるだけになりそうだな。 CSS Snapshot よりはマーケット的インパクトはあるかもしれないが。

[106] ただマーケット的インパクトという意味では、「CSS ○○ の仕様が完成しました、バーン」 とか 「○○ブラウザーがついに CSS ○○を実装しました、ドヤァ」 みたいなメディア露出がないとうまくいかないのではないかという気もするが、 CSS WG の今の開発体制ではそうはならないのではないのかね。

[107] ES20xx みたいなやつも、なんかいろいろあってよくわからんなあみたいなのが今の平均的な人達の感想だろうし、 教育や採用やマーケティングに有用に機能しているかはやっぱり疑わしい。