CSS3 Flexible Box Layout Module

CSS3 Flexible Box Layout Module

歴史

[21] XUL箱モデルW3C CSS WG で作業中らしいです。。。

(名無しさん 2005-12-08 01:23:45 +00:00)

[22] 実装:

[1] Flexible Box Layout Module (2006-11-29 16:23:00 +09:00 版) <http://xulplanet.com/ndeakin/xul/specs/flexbox.html> (名無しさん 2006-12-29 07:24:58 +00:00)

[2] CSS3 Flexible Box Layout Module (2005-03-31 09:17:58 +09:00 版) <http://damowmow.com/temp/csswg/flexbox.html> (名無しさん)

[3] CSS3 Flexible Box Layout Module ( 版) <http://www.damowmow.com/temp/csswg/old/ui/flexbox.html>

[4] Flexible Box Layout Module ( 版) <http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/>

[5] IRC logs: freenode / #whatwg / 20090610 ( 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20090610#l-636>

[6] IRC logs: freenode / #whatwg / 20100625 ( 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20100625>

[14] CSS Flexible Box Layout Module ( ( 版)) <http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/>

[7] CSS Flexible Box Layout Module ( ( 版)) <http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/>

[15] CSS Flexible Box Layout Module ( ( 版)) <http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/>

[16] CSS Flexible Box Layout Module ( ( 版)) <http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/>

[10] krzm.jp – フレキシブルボックスレイアウトのおさらい ( (黒住浩司 著, 版)) <http://www.krzm.jp/2013/03/21/747/>

[17] Safari 7.0 ( 版) <https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_7_0.html#//apple_ref/doc/uid/TP40014305-CH5-SW2>

Flexible boxes (commonly called “flexboxes”, defined in the CSS Flexible Box Layout Module) are layout elements that can grow or shrink to fill the available space within an enclosing container. This feature has been available in Safari since version 5.1, but that older implementation has now been deprecated in favor of a new one supporting the following properties:

-webkit-flex

-webkit-flex-direction

-webkit-flex-wrap

-webkit-flex-flow

-webkit-flex-basis

-webkit-flex-grow

-webkit-flex-shrink

[8] Issue #22. Add (old) flexbox related property mappings. · whatwg/compat@f28809d ( 版) <https://github.com/whatwg/compat/commit/f28809d3157fa4325daf1101ab1f3429babfe6aa>

[9] Issue #22. Map from display: -webkit-box to display: flex. · whatwg/compat@32b1733 ( 版) <https://github.com/whatwg/compat/commit/32b1733b8cf2df085cf0c3e668e1962d6b0a415b>

[18] CSS Flexible Box Layout Module Level 1 ( ()) <https://www.w3.org/TR/2016/CR-css-flexbox-1-20160526/>

[11] Issue #56. Add webkit prefixed flexbox properties as simple property … ( (miketaylr著, )) <https://github.com/whatwg/compat/commit/4f74e96c5c2cfd2a292e28d9671d805736f62f0c>

[12] Fixes #56. Add -webkit-flex and -webkit-inline-flex keyword aliases. ( (miketaylr著, )) <https://github.com/whatwg/compat/commit/17f65c4c6afd9193819953487c8fbb544caa402a>

[13] Fixes #47. Add -webkit-inline-box as a keyword mapping to inline-flex. ( (miketaylr著, )) <https://github.com/whatwg/compat/commit/ac523c855c689615169233dcc66e478756003dee>

[19] New WebKit Features in Safari 11 | WebKit () <https://webkit.org/blog/7956/new-webkit-features-in-safari-11/>

[20] CSS flexible box の利用 - CSS | MDN () <https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes>