diff options
| author | YujiSoftware <yuji.software+github@gmail.com> | 2022-03-02 20:22:51 +0900 |
|---|---|---|
| committer | Irvin <irvinfly@gmail.com> | 2022-03-04 01:03:17 +0800 |
| commit | 9a110dee28ae2ef12ee014b98fda6bae6ee48edb (patch) | |
| tree | 6525763f4313d7d8f42aefa699765f61ee1c63df /files/zh-cn/web/css | |
| parent | eeddb651b6e8deb8ecabc2bc5bc28c8ead25cca5 (diff) | |
| download | translated-content-9a110dee28ae2ef12ee014b98fda6bae6ee48edb.tar.gz translated-content-9a110dee28ae2ef12ee014b98fda6bae6ee48edb.tar.bz2 translated-content-9a110dee28ae2ef12ee014b98fda6bae6ee48edb.zip | |
Migrate to Compat macro (zh-cn)
Diffstat (limited to 'files/zh-cn/web/css')
125 files changed, 120 insertions, 8162 deletions
diff --git a/files/zh-cn/web/css/-webkit-mask-attachment/index.html b/files/zh-cn/web/css/-webkit-mask-attachment/index.html index d9eeb59593..35fc7968c6 100644 --- a/files/zh-cn/web/css/-webkit-mask-attachment/index.html +++ b/files/zh-cn/web/css/-webkit-mask-attachment/index.html @@ -49,54 +49,7 @@ translation_of: Web/CSS/-webkit-mask-attachment <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}<br> - {{CompatNo}} 24.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>4.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>3.2</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.-webkit-mask-attachment")}} <h2 id="另见">另见</h2> diff --git a/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html b/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html index 33c9fd5ed1..b68f6654ee 100644 --- a/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html +++ b/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html @@ -36,53 +36,4 @@ translation_of: Web/CSS/-webkit-overflow-scrolling <h3 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h3> -<p>{{CompatibilityTable}}</p> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>5.0</td> - </tr> - </tbody> -</table> - -<h3 id="相关链接：">相关链接：</h3> - -<ul> - <li><a href="http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/">CSS-Tricks article with demo</a> </li> - <li><a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-overflow-scrolling"><code>-webkit-overflow-scrolling</code> entry in Safari CSS Reference docs</a></li> -</ul> +{{Compat("css.properties.-webkit-overflow-scrolling")}} diff --git a/files/zh-cn/web/css/-webkit-touch-callout/index.html b/files/zh-cn/web/css/-webkit-touch-callout/index.html index 0f0d3a2182..6c9cdaf1fd 100644 --- a/files/zh-cn/web/css/-webkit-touch-callout/index.html +++ b/files/zh-cn/web/css/-webkit-touch-callout/index.html @@ -41,52 +41,4 @@ translation_of: Web/CSS/-webkit-touch-callout <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - </tr> - </tbody> -</table> -</div> - -<p>[1] <code>-webkit-touch-callout</code> 属性最早在<a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-touch-callout"> iOS 2.0</a> 上实现，后来被添加到WebKit ({{webkitbug(121507)}}).</p> +{{Compat("css.properties.-webkit-touch-callout")}} diff --git a/files/zh-cn/web/css/@counter-style/index.html b/files/zh-cn/web/css/@counter-style/index.html index 65ef2e55ec..90f435d736 100644 --- a/files/zh-cn/web/css/@counter-style/index.html +++ b/files/zh-cn/web/css/@counter-style/index.html @@ -147,53 +147,7 @@ translation_of: Web/CSS/@counter-style <h2 id="浏览器支持">浏览器支持</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop(33)}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop(33)}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.at-rules.counter-style")}} <h2 id="相关阅读">相关阅读</h2> diff --git a/files/zh-cn/web/css/@font-face/font-family/index.html b/files/zh-cn/web/css/@font-face/font-family/index.html index 9c22740f13..3c2866177c 100644 --- a/files/zh-cn/web/css/@font-face/font-family/index.html +++ b/files/zh-cn/web/css/@font-face/font-family/index.html @@ -61,54 +61,4 @@ font-family: examplefont; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatChrome("4")}}</td> - <td>12.0</td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td>{{CompatIE("6.0")}}</td> - <td>{{CompatOpera("9.0")}}</td> - <td>{{CompatSafari("3.1")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mini</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatAndroid("2.2")}}</td> - <td>{{CompatGeckoMobile("1.9.1")}}</td> - <td>{{CompatIE("10.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("12.0")}}</td> - <td>{{CompatSafari("3.1")}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.at-rules.font-face.font-family")}} diff --git a/files/zh-cn/web/css/@font-face/font-style/index.html b/files/zh-cn/web/css/@font-face/font-style/index.html index 10d0af4e08..660323dade 100644 --- a/files/zh-cn/web/css/@font-face/font-style/index.html +++ b/files/zh-cn/web/css/@font-face/font-style/index.html @@ -81,53 +81,4 @@ font-style: oblique;</pre> <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table" style="height: 91px; width: 591px;"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td>4.0 </td> - <td>4.0</td> - <td>10.0</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mini</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.9.1")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>10.0</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> -</div> +{{Compat("css.at-rules.font-face.font-style")}} diff --git a/files/zh-cn/web/css/@font-feature-values/index.html b/files/zh-cn/web/css/@font-feature-values/index.html index acc7c855fd..5995a0e719 100644 --- a/files/zh-cn/web/css/@font-feature-values/index.html +++ b/files/zh-cn/web/css/@font-feature-values/index.html @@ -72,55 +72,7 @@ translation_of: Web/CSS/@font-feature-values <h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("34")}} [1]</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("34")}} [1]</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Experimental implementation of the CSS Fonts Level 3 extensions was available since Gecko 24. It was governed by the preference <code>layout.css.font-features.enabled</code> defaulting to <code>true</code> on Nightly and Aurora only.</p> +{{Compat("css.at-rules.font-feature-values")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/@import/index.html b/files/zh-cn/web/css/@import/index.html index 71a6ea41c3..bd6fe82819 100644 --- a/files/zh-cn/web/css/@import/index.html +++ b/files/zh-cn/web/css/@import/index.html @@ -75,50 +75,4 @@ translation_of: Web/CSS/@import <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>5.5</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>5.5</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.at-rules.import")}} diff --git a/files/zh-cn/web/css/@media/width/index.html b/files/zh-cn/web/css/@media/width/index.html index 79b6612aac..e9169fe339 100644 --- a/files/zh-cn/web/css/@media/width/index.html +++ b/files/zh-cn/web/css/@media/width/index.html @@ -77,50 +77,4 @@ translation_of: Web/CSS/@media/width <h2 id="Browser_compatibility" name="Browser_compatibility"><strong>浏览器兼容性</strong></h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>9.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.at-rules.media.width")}} diff --git a/files/zh-cn/web/css/@namespace/index.html b/files/zh-cn/web/css/@namespace/index.html index f521da521a..4e34f5523b 100644 --- a/files/zh-cn/web/css/@namespace/index.html +++ b/files/zh-cn/web/css/@namespace/index.html @@ -74,60 +74,4 @@ svg|a {} <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatChrome(1.0)}}</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>9.0</td> - <td>8.0</td> - <td>1.0</td> - </tr> - <tr> - <td>命名空间选择器 (|)</td> - <td>{{CompatChrome(1.0)}}</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>9.0</td> - <td>8.0</td> - <td>3.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.at-rules.namespace")}} diff --git a/files/zh-cn/web/css/_colon_-moz-window-inactive/index.html b/files/zh-cn/web/css/_colon_-moz-window-inactive/index.html index ec8a4b56bb..d2523691d6 100644 --- a/files/zh-cn/web/css/_colon_-moz-window-inactive/index.html +++ b/files/zh-cn/web/css/_colon_-moz-window-inactive/index.html @@ -45,58 +45,4 @@ translation_of: 'Web/CSS/:-moz-window-inactive' <h2 id="浏览器兼容性"><font><font>浏览器兼容性</font></font></h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop(2)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Implemented in {{bug("508482")}}.</p> +{{Compat("css.selectors.-moz-window-inactive")}} diff --git a/files/zh-cn/web/css/_colon_default/index.html b/files/zh-cn/web/css/_colon_default/index.html index fc03ea200e..5aafb92fdd 100644 --- a/files/zh-cn/web/css/_colon_default/index.html +++ b/files/zh-cn/web/css/_colon_default/index.html @@ -86,50 +86,4 @@ input:default + label { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>10.0</td> - <td>{{CompatGeckoDesktop("2.0")}}</td> - <td>{{CompatNo}}</td> - <td>10.0</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("2.0")}}</td> - <td>{{CompatNo}}</td> - <td>10.0</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.default")}} diff --git a/files/zh-cn/web/css/_colon_dir/index.html b/files/zh-cn/web/css/_colon_dir/index.html index 9cd5b27a7f..501349ce96 100644 --- a/files/zh-cn/web/css/_colon_dir/index.html +++ b/files/zh-cn/web/css/_colon_dir/index.html @@ -58,53 +58,7 @@ translation_of: 'Web/CSS/:dir' <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoDesktop("17") }} {{ property_prefix("-moz") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoMobile("17") }} {{ property_prefix("-moz") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.dir")}} <h2 id="Related_Pages" name="Related_Pages"> </h2> diff --git a/files/zh-cn/web/css/_colon_disabled/index.html b/files/zh-cn/web/css/_colon_disabled/index.html index abdf4e68f1..491aa1d02d 100644 --- a/files/zh-cn/web/css/_colon_disabled/index.html +++ b/files/zh-cn/web/css/_colon_disabled/index.html @@ -116,53 +116,7 @@ function toggleBilling() { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>9.0</td> - <td>9.0</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>9.0</td> - <td>9.5</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.disabled")}} <h2 id="相关链接">相关链接</h2> diff --git a/files/zh-cn/web/css/_colon_first/index.html b/files/zh-cn/web/css/_colon_first/index.html index 41d7bc3d37..9c00c4d921 100644 --- a/files/zh-cn/web/css/_colon_first/index.html +++ b/files/zh-cn/web/css/_colon_first/index.html @@ -75,57 +75,7 @@ p { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>9.2</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.first")}} <h2 id="sect1"> </h2> diff --git a/files/zh-cn/web/css/_colon_fullscreen/index.html b/files/zh-cn/web/css/_colon_fullscreen/index.html index 8fcd34273b..32138a3756 100644 --- a/files/zh-cn/web/css/_colon_fullscreen/index.html +++ b/files/zh-cn/web/css/_colon_fullscreen/index.html @@ -153,82 +153,7 @@ fullscreenButton.addEventListener('click', enterFullscreen); <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td> - <p>基本支持</p> - </td> - <td>15.0 {{property_prefix("-webkit")}}<sup>[1]</sup></td> - <td>12</td> - <td>{{CompatGeckoDesktop("9.0")}}{{property_prefix("-moz")}}<sup>[1]</sup><br> - {{CompatGeckoDesktop("47.0")}}<sup>[2]</sup></td> - <td>11 {{property_prefix("-ms")}}<sup>[3]</sup></td> - <td>{{CompatUnknown}}</td> - <td>6.0 {{property_prefix("-webkit")}}<sup>[1]</sup></td> - </tr> - <tr> - <td>全屏下选取所有元素</td> - <td>{{CompatUnknown}}</td> - <td>12</td> - <td>{{CompatGeckoDesktop(43)}}</td> - <td>11</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("9.0")}}<br> - {{CompatGeckoDesktop("47.0")}}<sup>[2]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>全屏下选取所有元素</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("43")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Webkit和Gecko前缀版本在<em>full</em>和<em>screen</em>之间带有破折号, 但W3C标准使用一个单词：<code>:fullscreen</code>, <code>:-webkit-full-screen</code>, <code>:-moz-full-screen</code>.</p> - -<p>[2] Gecko 47.0 {{geckoRelease("47.0")}} 通过参数<code>full-screen-api.unprefix.enabled使用</code>不带前缀的伪类, 默认为false.</p> - -<p>[3] Internet Explorer使用前缀<code>-ms，但在</code><em>full</em>和<em>screen</em>之间没有破折号<code>:-ms-fullscreen</code>.</p> +{{Compat("css.selectors.fullscreen")}} <h2 id="再看看">再看看</h2> diff --git a/files/zh-cn/web/css/_colon_hover/index.html b/files/zh-cn/web/css/_colon_hover/index.html index a8fa4e40c1..c34a45dbc7 100644 --- a/files/zh-cn/web/css/_colon_hover/index.html +++ b/files/zh-cn/web/css/_colon_hover/index.html @@ -112,81 +112,4 @@ div.menu-bar li:hover > ul { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>for <code><a></code> elements</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>4.0</td> - <td>4.0</td> - <td>2.0.4 (419)<br> - <span style="font-size: small;">various bugs before</span></td> - </tr> - <tr> - <td>for all elements</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>7.0</td> - <td>7.0</td> - <td>2.0.4 (419)<br> - <span style="font-size: small;">various bugs before</span></td> - </tr> - <tr> - <td>for pseudo-element</td> - <td>{{CompatUnknown}}</td> - <td>{{ CompatGeckoDesktop(28) }}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>在IE8-11中，将鼠标指针悬停于一个元素上上下滚动页面而不移动光标会让元素停留在 {{cssxref(":hover")}} 的状态直到鼠标移动。详见 <a href="https://connect.microsoft.com/IE/feedbackdetail/view/926665">IE bug 926665</a>.</p> - -<p>在IE9（或是更早的版本中），如果如果一个 {{HTMLElement("table")}}元素 有一个 <code>non-auto </code>{{cssxref("width")}} 和 {{cssxref("overflow-x")}}<code>: auto; 的父对象，而且这个</code> {{HTMLElement("table")}}元素有足够多的内容以至于溢出它的父元素，同时表中的元素有 {{cssxref(":hover")}}的样式，那么悬停在其上会使这个{{HTMLElement("table")}}元素的高度增大。这是一个 <a href="http://jsbin.com/diwiqe">显示该错误的demo</a> 。一个避免这个错误的方法是在这个表格的父元素为 <code>min-height: 0%;</code>（必须强调是百分比形式，<code>0</code> 和 <code>0px 都不会起作用）</code><code>。这也是在 </code><a href="http://bugs.jquery.com/ticket/10854">jQuery ticket #10854</a> 提交过的错误，但是并没有被解决，因为这不被认为是 jQuery 的错误。</p> - -<p>至于iOS 7.1.2 中的Safari Mobile，点击一个<a href="/zh-CN/docs/Web/Events/click#Safari_Mobile">可以点击的元素</a>会使这个元素进入{{cssxref(":hover")}}的状态，而这个元素会保持悬停状态直到另一个元素进入{{cssxref(":hover")}}状态。</p> - -<p>另请参见：</p> - -<ul> - <li><a href="https://code.google.com/p/chromium/issues/detail?id=370155">Chromium bug #370155: Don't make <code>:hover</code> sticky on tap on sites that set a mobile viewport</a></li> - <li><a href="https://code.google.com/p/chromium/issues/detail?id=306581">Chromium bug #306581: Immediately show hover and active states on touch when page isn't scrollable.</a></li> -</ul> +{{Compat("css.selectors.hover")}} diff --git a/files/zh-cn/web/css/_colon_nth-child/index.html b/files/zh-cn/web/css/_colon_nth-child/index.html index 55d5fff80c..63a88b0d28 100644 --- a/files/zh-cn/web/css/_colon_nth-child/index.html +++ b/files/zh-cn/web/css/_colon_nth-child/index.html @@ -156,53 +156,7 @@ div em { <h2 id="兼容性">兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td>9.0</td> - <td>9.5</td> - <td>3.1<span style="font-size: 14px; line-height: 1.5;"> </span></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1</td> - <td>{{CompatGeckoMobile("1.9.1")}}</td> - <td>9.0</td> - <td>9.5</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.nth-child")}} <h2 id="注意">注意</h2> diff --git a/files/zh-cn/web/css/_colon_only-of-type/index.html b/files/zh-cn/web/css/_colon_only-of-type/index.html index 2f9cfcf423..2004111c23 100644 --- a/files/zh-cn/web/css/_colon_only-of-type/index.html +++ b/files/zh-cn/web/css/_colon_only-of-type/index.html @@ -74,53 +74,7 @@ translation_of: 'Web/CSS/:only-of-type' <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>9.0</td> - <td>9.5</td> - <td>3.2</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1</td> - <td>{{ CompatGeckoMobile("1.9.1") }}</td> - <td>9.0</td> - <td>10.0</td> - <td>3.2</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.only-of-type")}} <h2 id="See_also" name="See_also">参见</h2> diff --git a/files/zh-cn/web/css/_colon_optional/index.html b/files/zh-cn/web/css/_colon_optional/index.html index 627a0f697c..03520f20c0 100644 --- a/files/zh-cn/web/css/_colon_optional/index.html +++ b/files/zh-cn/web/css/_colon_optional/index.html @@ -65,53 +65,7 @@ input:optional { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>10.0</td> - <td>{{ CompatGeckoDesktop("2") }}</td> - <td>10</td> - <td>10.0</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("2") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.0</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.optional")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/_colon_required/index.html b/files/zh-cn/web/css/_colon_required/index.html index 1374ca2753..f5d81d4e3a 100644 --- a/files/zh-cn/web/css/_colon_required/index.html +++ b/files/zh-cn/web/css/_colon_required/index.html @@ -55,53 +55,7 @@ translation_of: 'Web/CSS/:required' <h2 id="浏览器兼容">浏览器兼容</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>10.0</td> - <td>{{ CompatGeckoDesktop("2") }}</td> - <td>10</td> - <td>10.0</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("2") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.0</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.required")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/_colon_root/index.html b/files/zh-cn/web/css/_colon_root/index.html index 130f2e16a6..107c7f6c68 100644 --- a/files/zh-cn/web/css/_colon_root/index.html +++ b/files/zh-cn/web/css/_colon_root/index.html @@ -52,54 +52,4 @@ translation_of: 'Web/CSS/:root' <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.7")}}</td> - <td>9</td> - <td>9.5</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.root")}} diff --git a/files/zh-cn/web/css/_colon_visited/index.html b/files/zh-cn/web/css/_colon_visited/index.html index 8ebd4f7e46..77a5a44be7 100644 --- a/files/zh-cn/web/css/_colon_visited/index.html +++ b/files/zh-cn/web/css/_colon_visited/index.html @@ -107,61 +107,7 @@ a:visited { <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1.0") }}</td> - <td>3.5</td> - <td>3.5</td> - <td>1.0</td> - </tr> - <tr> - <td>Restrictions in CSS properties allowed in a statement using <code>:visited</code></td> - <td>6</td> - <td>{{CompatGeckoDesktop("2.0") }}</td> - <td>8 (or earlier)</td> - <td>{{ CompatUnknown() }}</td> - <td>5.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.visited")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/_doublecolon_-webkit-progress-bar/index.html b/files/zh-cn/web/css/_doublecolon_-webkit-progress-bar/index.html index 754177afee..cca8bfc739 100644 --- a/files/zh-cn/web/css/_doublecolon_-webkit-progress-bar/index.html +++ b/files/zh-cn/web/css/_doublecolon_-webkit-progress-bar/index.html @@ -48,53 +48,7 @@ translation_of: 'Web/CSS/::-webkit-progress-bar' <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.-webkit-progress-bar")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/_doublecolon_first-letter/index.html b/files/zh-cn/web/css/_doublecolon_first-letter/index.html index 2876bd9e1c..bf08086b64 100644 --- a/files/zh-cn/web/css/_doublecolon_first-letter/index.html +++ b/files/zh-cn/web/css/_doublecolon_first-letter/index.html @@ -103,85 +103,7 @@ p::first-letter { /* 使用:first来兼容IE8- */ <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>9.0</td> - <td>7.0</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>Old one-colon syntax (<code>:first-letter</code>)</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>5.5</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>Support for the Dutch digraph <code>IJ</code></td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }} {{ bug("92176") }} </td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td>Old one-colon syntax (<code>:first-letter</code>)</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td>Support for the Dutch digraph <code>IJ</code></td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.first-letter")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/_doublecolon_first-line/index.html b/files/zh-cn/web/css/_doublecolon_first-line/index.html index efbb961c47..5fa42a874b 100644 --- a/files/zh-cn/web/css/_doublecolon_first-line/index.html +++ b/files/zh-cn/web/css/_doublecolon_first-line/index.html @@ -137,69 +137,7 @@ sed do eiusmod tempor incididunt ut labore.</p></pre> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 (buggy when using <code>text-transform</code>: <a href="//code.google.com/p/chromium/issues/detail?id=129669">issue 129669</a>)</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>9.0</td> - <td>7.0</td> - <td>1.0 (85) (buggy when using <code>text-transform</code>: <a href="//bugs.webkit.org/show_bug.cgi?id=3409">issue 3409</a>)</td> - </tr> - <tr> - <td>Old one-colon syntax (<code>:first-line</code>)</td> - <td>1.0 (buggy when using <code>text-transform</code>: <a href="//code.google.com/p/chromium/issues/detail?id=129669">issue 129669</a>)</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>5.5</td> - <td>3.5</td> - <td>1.0 (85) (buggy when using <code>text-transform</code>: <a href="//bugs.webkit.org/show_bug.cgi?id=3409">issue 3409</a>)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td>Old one-colon syntax (<code>:first-line</code>)</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.first-line")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/_doublecolon_grammar-error/index.html b/files/zh-cn/web/css/_doublecolon_grammar-error/index.html index 9c17a50e9b..c08b08a808 100644 --- a/files/zh-cn/web/css/_doublecolon_grammar-error/index.html +++ b/files/zh-cn/web/css/_doublecolon_grammar-error/index.html @@ -40,55 +40,7 @@ translation_of: 'Web/CSS/::grammar-error' <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.grammar-error")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/_doublecolon_placeholder/index.html b/files/zh-cn/web/css/_doublecolon_placeholder/index.html index 227ae6f8a8..a7d4673d15 100644 --- a/files/zh-cn/web/css/_doublecolon_placeholder/index.html +++ b/files/zh-cn/web/css/_doublecolon_placeholder/index.html @@ -79,77 +79,7 @@ translation_of: 'Web/CSS/::placeholder' <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>功能</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Edge</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基本支持</td> - <td>{{CompatChrome(57)}}</td> - <td>{{CompatGeckoDesktop("51.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>44</td> - <td>10.1</td> - </tr> - <tr> - <td>前缀支持</td> - <td>Supported</td> - <td>Supported</td> - <td>Supported</td> - <td>10 -ms-</td> - <td>Supported</td> - <td>5 -webkit-</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>功能</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>{{CompatChrome(57)}}</td> - <td>{{CompatChrome(57)}}</td> - <td>{{CompatGeckoMobile("52.0")}}</td> - <td>{{CompatNo}}</td> - <td> </td> - <td>10.3</td> - </tr> - <tr> - <td>前缀支持</td> - <td>Supported</td> - <td>Supported</td> - <td>Supported</td> - <td>10 -ms-</td> - <td>Supported</td> - <td>5 -webkit-</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在Gecko 51.0 {{geckoRelease("51.0")}} 以及更低的版本中，请使用 {{cssxref("::-moz-placeholder")}} 。</p> +{{Compat("css.selectors.placeholder")}} <h2 id="相似阅读">相似阅读</h2> diff --git a/files/zh-cn/web/css/animation-duration/index.html b/files/zh-cn/web/css/animation-duration/index.html index 3ca2a86fd9..0ecfa9b9cb 100644 --- a/files/zh-cn/web/css/animation-duration/index.html +++ b/files/zh-cn/web/css/animation-duration/index.html @@ -66,56 +66,7 @@ animation-duration: 10s, 30s, 230ms <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>3.0{{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br> - {{ CompatGeckoDesktop("16.0") }}</td> - <td>10</td> - <td>12{{ property_prefix("-o") }}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>4.0{{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.0{{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br> - {{ CompatGeckoMobile("16.0") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>4.2{{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.animation-duration")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/animation-iteration-count/index.html b/files/zh-cn/web/css/animation-iteration-count/index.html index 283caae60b..d1f958d49d 100644 --- a/files/zh-cn/web/css/animation-iteration-count/index.html +++ b/files/zh-cn/web/css/animation-iteration-count/index.html @@ -70,62 +70,7 @@ animation-iteration-count: 2, 0, infinite; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility 兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}<br> - {{CompatChrome(43.0)}}</td> - <td>{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }}<br> - {{ CompatGeckoDesktop("16.0") }}</td> - <td>10 </td> - <td>12 {{ property_prefix("-o") }}<br> - 12.10</td> - <td>4.0{{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td> - <td>{{CompatUnknown}}</td> - <td>{{ CompatGeckoMobile("5.0") }}{{ property_prefix("-moz") }}<br> - {{ CompatGeckoMobile("16.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatChrome(43.0)}}<br> - </td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.animation-iteration-count")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/animation-name/index.html b/files/zh-cn/web/css/animation-name/index.html index 38b64a701e..e76fbf0110 100644 --- a/files/zh-cn/web/css/animation-name/index.html +++ b/files/zh-cn/web/css/animation-name/index.html @@ -77,56 +77,7 @@ animation-name: unset</pre> <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}<br> - {{CompatGeckoDesktop("16.0")}}</td> - <td>10 </td> - <td>12 {{property_prefix("-o")}}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>4.0{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoMobile("5.0")}}{{property_prefix("-moz")}}<br> - {{CompatGeckoMobile("16.0")}}</td> - <td>10</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.animation-name")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/animation-play-state/index.html b/files/zh-cn/web/css/animation-play-state/index.html index 7def3d5d0f..fbdbe823a0 100644 --- a/files/zh-cn/web/css/animation-play-state/index.html +++ b/files/zh-cn/web/css/animation-play-state/index.html @@ -67,60 +67,7 @@ animation-play-state: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatChrome(43.0)}}</td> - <td>{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}<br> - {{CompatGeckoDesktop("16.0")}}</td> - <td>10</td> - <td>12 {{property_prefix("-o")}}<br> - 12.10</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.animation-play-state")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/appearance/index.html b/files/zh-cn/web/css/appearance/index.html index 678101c0f1..4a6afa9bd0 100644 --- a/files/zh-cn/web/css/appearance/index.html +++ b/files/zh-cn/web/css/appearance/index.html @@ -1780,61 +1780,7 @@ translation_of: Web/CSS/appearance <p>{{Compat("css.properties.appearance")}}</p> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>浏览器</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>最低支持</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>3.0{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>浏览器</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>最低支持</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("1.0")}}</td> - <td>11.0{{property_prefix("-webkit")}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 不完全支持。</p> - -<p>[2] 只有 <code>none</code>, <code>button</code>, <code>和 textfield</code> 值被支持，详见 <a href="https://msdn.microsoft.com/en-us/library/ie/dn793580%28v=vs.85%29.aspx">the documentation on MSDN</a>。</p> - -<h3 id="正式语法">正式语法</h3> - -{{csssyntax}} +{{Compat("css.properties.appearance")}} <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/css/background-blend-mode/index.html b/files/zh-cn/web/css/background-blend-mode/index.html index 4c063163f1..77b621c4b1 100644 --- a/files/zh-cn/web/css/background-blend-mode/index.html +++ b/files/zh-cn/web/css/background-blend-mode/index.html @@ -92,53 +92,7 @@ console.log(document.getElementById('div'));</pre> <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable()}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>35</td> - <td>{{CompatGeckoDesktop('30.0')}}</td> - <td>{{CompatNo()}}</td> - <td>22</td> - <td>7.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo()}}</td> - <td>{{CompatGeckoMobile('30.0')}}</td> - <td>{{CompatNo()}}</td> - <td>22</td> - <td>iOS 8</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.background-blend-mode")}} <h2 id="See_also" name="See_also">参见</h2> diff --git a/files/zh-cn/web/css/background-color/index.html b/files/zh-cn/web/css/background-color/index.html index 297cd25feb..215c5da41f 100644 --- a/files/zh-cn/web/css/background-color/index.html +++ b/files/zh-cn/web/css/background-color/index.html @@ -124,55 +124,7 @@ background-color: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility" style="margin-bottom: 20px; font-size: 2.14285714285714rem;">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table" style="border-color: transparent;"> - <tbody> - <tr> - <th style="line-height: 16px;">特性</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari (WebKit)</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>1.0</td> - <td>4.0 [1]</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table" style="border-color: transparent;"> - <tbody> - <tr> - <th style="line-height: 16px;">特性</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">IE Phone</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatGeckoMobile("1.9.2")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1]: In IE8-9, there is a bug where a computed {{cssxref("background-color")}} of <a href="/en-US/docs/Web/CSS/color_value#transparent_keyword"><code>transparent</code></a> causes <a href="/en-US/docs/Web/Events/click"><code>click</code></a> events to not get fired on overlaid elements. <a href="/en-US/docs/Web/Events/click#Browser_compatibility">See the <code>click</code> event documentation</a> for details.</p> +{{Compat("css.properties.background-color")}} <h2 id="查看更多" style="margin-bottom: 20px; font-size: 2.14285714285714rem;">查看更多</h2> diff --git a/files/zh-cn/web/css/background-origin/index.html b/files/zh-cn/web/css/background-origin/index.html index f9db364d8d..683f22bc9e 100644 --- a/files/zh-cn/web/css/background-origin/index.html +++ b/files/zh-cn/web/css/background-origin/index.html @@ -90,77 +90,7 @@ background-origin: inherit <h2 id="浏览器兼容性">浏览器兼容性</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 [3]</td> - <td>{{CompatGeckoDesktop("2.0")}} [1]</td> - <td>9.0 [2]</td> - <td>10.5</td> - <td>3.0 (522) [3]</td> - </tr> - <tr> - <td><code>content-box</code></td> - <td>1.0 [3]</td> - <td>{{CompatGeckoDesktop("2.0")}} [1]</td> - <td>9.0 [2]</td> - <td>{{CompatNo}}</td> - <td>3.0 (522) [3]</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>content-box</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Gecko supported, from version 1.1 to version 1.9.2, which corresponds to Firefox 1.0 to 3.6 included, a different, and prefixed, syntax: <code>-moz-background-origin: padding | border</code>.</p> - -<p>[2] Internet Explorer up to version 7 behaves as if there was a <code>background-origin: border-box;</code> Internet Explorer 8 behaves as if it were <code>background-origin: padding-box;</code> which is the regular default value.</p> - -<p>[3] Webkit also supports the prefixed version of this proprietary, and in that case, in addition to the current keywords, the alternative synonyms: <code>padding</code>, <code>border</code>, and <code>content</code>.</p> - -<p>[4] Konqueror 3.5.4 supports<code> -khtml-background-origin</code>.</p> +{{Compat("css.properties.background-origin")}} <h2 id="相关文献">相关文献</h2> diff --git a/files/zh-cn/web/css/border-bottom-color/index.html b/files/zh-cn/web/css/border-bottom-color/index.html index 315bb30c54..ca23148fb5 100644 --- a/files/zh-cn/web/css/border-bottom-color/index.html +++ b/files/zh-cn/web/css/border-bottom-color/index.html @@ -84,55 +84,7 @@ border-bottom-color: #F5F6F7; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>基础支持</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.0")}}<sup>[1]</sup></td> - <td>4</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td> - <td>6.5</td> - <td>11</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 像 Firefox 这样，基于 Gecko 的浏览器也支持非标准的 {{Cssxref("-moz-border-bottom-colors")}} CSS 属性，来设置底边多重颜色。</p> +{{Compat("css.properties.border-bottom-color")}} <h2 id="另见">另见</h2> diff --git a/files/zh-cn/web/css/border-bottom-left-radius/index.html b/files/zh-cn/web/css/border-bottom-left-radius/index.html index c1982c205c..9051dc630c 100644 --- a/files/zh-cn/web/css/border-bottom-left-radius/index.html +++ b/files/zh-cn/web/css/border-bottom-left-radius/index.html @@ -163,107 +163,7 @@ div { <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 {{property_prefix("-webkit")}}<br> - 4.0</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br> - 4.0 (2.0)<sup>[3]</sup></td> - <td>9.0</td> - <td>10.5</td> - <td>3.0 (522){{property_prefix("-webkit")}}<br> - 5.0 (532.5)</td> - </tr> - <tr> - <td>Percentages</td> - <td>4.0</td> - <td>{{CompatUnknown}}</td> - <td>1.0 (1.0)<sup>[2]</sup><br> - 4.0 (2.0)</td> - <td>9.0</td> - <td>10.5</td> - <td>5.0 (532.5)</td> - </tr> - <tr> - <td>Elliptical corners</td> - <td>1.0</td> - <td>{{CompatUnknown}}</td> - <td>3.5 (1.9.1)</td> - <td>9.0</td> - <td>10.5</td> - <td>3.0 (522)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Percentages</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Elliptical corners</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] The prefixed version (allowed from Firefox 1 to Firefox 12) of this property uses a different name, <code>-moz-border-radius-bottomleft</code>, than the final property as Mozilla implemented it before the final name was coined.</p> - -<p>[2] Before Firefox 4, the {{cssxref("<percentage>")}} was relative to the width of the box even when specifying the radius for a height). This implied that <code>-moz-border-radius-bottomleft</code> was always drawing an arc of circle, and never an ellipse, when followed by a single value.</p> - -<p>[3] Prior to Gecko 50.0 {{geckoRelease("50.0")}}, border styles of rounded corners were always rendered as if <code>border-style</code> was <code>solid</code>. This has been fixed in Gecko 50.0.</p> - -<p>In addition to the unprefixed support, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the property for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> +{{Compat("css.properties.border-bottom-left-radius")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/border-bottom-right-radius/index.html b/files/zh-cn/web/css/border-bottom-right-radius/index.html index 4c21cf8996..8885c1b660 100644 --- a/files/zh-cn/web/css/border-bottom-right-radius/index.html +++ b/files/zh-cn/web/css/border-bottom-right-radius/index.html @@ -165,107 +165,7 @@ div { <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 {{property_prefix("-webkit")}}<br> - 4.0</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br> - 4.0 (2.0)<sup>[3]</sup></td> - <td>9.0</td> - <td>10.5</td> - <td>3.0 (522){{property_prefix("-webkit")}}<br> - 5.0 (532.5)</td> - </tr> - <tr> - <td>Percentages</td> - <td>4.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0 (1.0)<sup>[2]</sup><br> - 4.0 (2.0)</td> - <td>9.0</td> - <td>10.5</td> - <td>5.0 (532.5)</td> - </tr> - <tr> - <td>Elliptical corners</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>3.5 (1.9.1)</td> - <td>9.0</td> - <td>10.5</td> - <td>3.0 (522)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Percentages</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Elliptical corners</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] The prefixed version (allowed from Firefox 1 to Firefox 12) of this property uses a different name, <code>-moz-border-radius-bottomright</code>.</p> - -<p>[2] Before Firefox 4, the {{cssxref("<percentage>")}} was relative to the width of the box even when specifying the radius for a height). This implied that <code>-moz-border-radius-bottomright</code> was always drawing an arc of circle, and never an ellipse, when followed by a single value.</p> - -<p>[3] Prior to Gecko 50.0 {{geckoRelease("50.0")}}, border styles of rounded corners were always rendered as if <code>border-style</code> was <code>solid</code>. This has been fixed in Gecko 50.0.</p> - -<p>In addition to the unprefixed support, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the property for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> +{{Compat("css.properties.border-bottom-right-radius")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/border-bottom-style/index.html b/files/zh-cn/web/css/border-bottom-style/index.html index 1a90f4455b..d3755d88c4 100644 --- a/files/zh-cn/web/css/border-bottom-style/index.html +++ b/files/zh-cn/web/css/border-bottom-style/index.html @@ -115,59 +115,7 @@ tr, td { <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0<sup>[1]</sup></td> - <td>5.5</td> - <td>9.2</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatVersionUnknown() }}<sup>[1]</sup></td> - <td>7.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Prior to Firefox 50, border styles of rounded corners (with {{cssxref("border-radius")}}) were always rendered as if <code>border-bottom-style</code> was&nb<code>solid</code>. This has been fixed in Firefox 50.</p> +{{Compat("css.properties.border-bottom-style")}} <h2 id="See_Also" name="See_Also">See also</h2> diff --git a/files/zh-cn/web/css/border-color/index.html b/files/zh-cn/web/css/border-color/index.html index bb30c3161c..410ca4b38b 100644 --- a/files/zh-cn/web/css/border-color/index.html +++ b/files/zh-cn/web/css/border-color/index.html @@ -159,6 +159,8 @@ ul { <h2 id="浏览器兼容性">浏览器兼容性</h2> +{{Compat("css.properties.border-color")}} + <h2 id="CompatibilityTable"><span style="font-size: 14px; font-weight: normal; line-height: 1.5;">{{CompatibilityTable}}</span></h2> <div id="compat-desktop"> diff --git a/files/zh-cn/web/css/border-image-outset/index.html b/files/zh-cn/web/css/border-image-outset/index.html index cbae437d1a..959c2031c8 100644 --- a/files/zh-cn/web/css/border-image-outset/index.html +++ b/files/zh-cn/web/css/border-image-outset/index.html @@ -78,6 +78,8 @@ border-image-repeat: inherit; <h2 id="浏览器兼容性">浏览器兼容性</h2> +{{Compat("css.properties.border-image-outset")}} + <h2 id="CompatibilityTable"><span style="font-size: 14px; font-weight: normal; line-height: 1.5;">{{CompatibilityTable}}</span></h2> <div id="compat-desktop"> diff --git a/files/zh-cn/web/css/border-image-repeat/index.html b/files/zh-cn/web/css/border-image-repeat/index.html index 0a480d564b..f26a3a22e6 100644 --- a/files/zh-cn/web/css/border-image-repeat/index.html +++ b/files/zh-cn/web/css/border-image-repeat/index.html @@ -72,52 +72,4 @@ border-image-repeat: inherit <h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>15.0</td> - <td>{{CompatGeckoDesktop("15.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("15.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p><code>早期候选推荐版本中有space，不过没有浏览器实现它，因而移除，将来可能添加进来。</code></p> +{{Compat("css.properties.border-image-repeat")}} diff --git a/files/zh-cn/web/css/border-left/index.html b/files/zh-cn/web/css/border-left/index.html index c0158bc725..ebbb734708 100644 --- a/files/zh-cn/web/css/border-left/index.html +++ b/files/zh-cn/web/css/border-left/index.html @@ -104,54 +104,4 @@ border-left: none thick green; <h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoDesktop("1.0") }}</td> - <td>4</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoMobile("1.0") }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.border-left")}} diff --git a/files/zh-cn/web/css/border-radius/index.html b/files/zh-cn/web/css/border-radius/index.html index eb1e31d5a6..cd0dca9bb1 100644 --- a/files/zh-cn/web/css/border-radius/index.html +++ b/files/zh-cn/web/css/border-radius/index.html @@ -195,139 +195,7 @@ border-bottom-left-radius: 3px 4px; <p>{{Compat("css.properties.border-radius")}}</p> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatGeckoDesktop("2.0") }}<br> - {{ CompatGeckoDesktop("1.0") }}{{ property_prefix("-moz") }}</td> - <td>4.0<br> - 0.2{{ property_prefix("-webkit") }}</td> - <td>9.0</td> - <td>10.5</td> - <td>5.0<br> - 3.0{{ property_prefix("-webkit") }}</td> - </tr> - <tr> - <td>Elliptical borders</td> - <td>{{ CompatGeckoDesktop("1.9.1") }}</td> - <td>yes</td> - <td>yes</td> - <td>yes</td> - <td>yes, but see below</td> - </tr> - <tr> - <td>4 values for 4 corners</td> - <td>yes</td> - <td>4.0</td> - <td>yes</td> - <td>yes</td> - <td>5.0</td> - </tr> - <tr> - <td>Percentages</td> - <td>yes<br> - was {{ non-standard_inline() }} (see below)</td> - <td>yes</td> - <td>yes</td> - <td>11.5</td> - <td>5.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>iOS Safari</th> - <th>Opera Mini</th> - <th>Opera Mobile</th> - <th>Android Browser</th> - </tr> - <tr> - <td>Basic support</td> - <td>3.2{{ property_prefix("-webkit") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>2.1{{ property_prefix("-webkit") }}</td> - </tr> - <tr> - <td>Elliptical borders</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td>4 values for 4 corners</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td>Percentages</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="<percentage>_值"><code><percentage></code> 值</h3> - -<ul> - <li>在旧版本的 Chrome 和 Safari 中不支持。(<a class="external" href="http://trac.webkit.org/changeset/66615">fixed in Sepember 2010</a>)</li> - <li>在 11.50 版本以前的 Opera 中实现有问题。</li> - <li>Gecko 2.0 (Firefox 4) 版本前实现不标准：水平半轴和垂直半轴<strong>都</strong>相对于盒子模型的宽度。</li> - <li>在旧版本的 iOS (iOS 5 之前) 和 Android 中 (WebKit 532 之前) 不支持。</li> -</ul> - -<h3 id="Gecko_notes">Gecko notes</h3> - -<p>In Gecko 2.0 <code>-moz-border-radius</code> was renamed to <code>border-radius</code>; <code>-moz-border-radius</code> was supported as an alias until Gecko 12.0. In order to conform to the CSS3 standard, Gecko 2.0</p> - -<ul> - <li>changes the handling of {{cssxref("<percentage>")}} values to match the specification. You can specify an ellipse as border on an arbitrary sized element just with <code>border-radius: 50%;</code></li> - <li>makes rounded corners clip content and images (if {{ cssxref("overflow") }}<code>: visible</code> is not set)</li> -</ul> - -<div class="note"><strong>Note:</strong> Support for the prefixed version (<code>-moz-border-radius</code>) was removed in Gecko 13.0 {{ geckoRelease("13.0") }}.</div> - -<h3 id="WebKit_notes">WebKit notes</h3> - -<p>旧版本的 Safari 和 Chrome (532.5 之前)</p> - -<ul> - <li>只支持<strong>单值</strong>设定四个角。必须使用<a href="/en/CSS/border-top-left-radius#Examples" style="text-decoration: underline;" title="en/CSS/border-top-left-radius#Examples">完整值</a>来设置不同角。 </li> - <li>不支持斜杠 / 符号，如果指定了两个值，那么四个角都为椭圆角. - <pre>/* 它们是等价的 */ - --webkit-border-radius: 40px 10px; - border-radius: 40px/10px; -</pre> - </li> -</ul> - -<h3 id="Opera_notes">Opera notes</h3> - -<p>In Opera (prior to Opera 11.60), applying <code>border-radius</code> to replaced elements will not have rounded corners.</p> +{{Compat("css.properties.border-radius")}} <h2 id="另请参阅">另请参阅</h2> diff --git a/files/zh-cn/web/css/border-right/index.html b/files/zh-cn/web/css/border-right/index.html index 8a68acacc0..5fb217bb09 100644 --- a/files/zh-cn/web/css/border-right/index.html +++ b/files/zh-cn/web/css/border-right/index.html @@ -102,54 +102,4 @@ border-right: thick green; <h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoDesktop("1.0") }}</td> - <td>4</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoMobile("1.0") }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.border-right")}} diff --git a/files/zh-cn/web/css/border-spacing/index.html b/files/zh-cn/web/css/border-spacing/index.html index b7ea9a871c..4fecd64f65 100644 --- a/files/zh-cn/web/css/border-spacing/index.html +++ b/files/zh-cn/web/css/border-spacing/index.html @@ -73,50 +73,4 @@ border-spacing: unset;</code></pre> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>基础支持</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1.0") }}</td> - <td>8.0</td> - <td>4.0</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1.9.2") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.border-spacing")}} diff --git a/files/zh-cn/web/css/border-top-left-radius/index.html b/files/zh-cn/web/css/border-top-left-radius/index.html index c96767e330..f03aa29fda 100644 --- a/files/zh-cn/web/css/border-top-left-radius/index.html +++ b/files/zh-cn/web/css/border-top-left-radius/index.html @@ -154,99 +154,7 @@ div { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 {{property_prefix("-webkit")}}<br> - 4.0</td> - <td>1.0 (1.0){{property_prefix("-moz")}}<sup>[1]</sup><br> - 4.0 (2.0)</td> - <td>9.0</td> - <td>10.5</td> - <td>3.0 (522){{property_prefix("-webkit")}}<br> - 5.0 (532.5)</td> - </tr> - <tr> - <td>Percentages</td> - <td>4.0</td> - <td>1.0 (1.0)<sup>[2]</sup><br> - 4.0 (2.0)</td> - <td>9.0</td> - <td>10.5</td> - <td>5.0 (532.5)</td> - </tr> - <tr> - <td>Elliptical corners</td> - <td>1.0</td> - <td>3.5 (1.9.1)</td> - <td>9.0</td> - <td>10.5</td> - <td>3.0 (522)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Percentages</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Elliptical corners</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p> </p> - -<h5 id="备注：">备注：</h5> - -<p>[1] 火狐浏览器较早的版本(Firefox 1 到 Firefox 12) 在使用这个属性时需使用浏览器厂商前缀，<code>-moz-border-radius-topleft</code>,最近的版本Mozilla实现了这个属性的支持（在最终的版本被敲定之前）。</p> - -<p>Gecko内核在圆角处无法正确的表现点划线（dotted）和虚线（dashed）:它会将它们渲染成实线({{bug("382721")}}).</p> - -<p>[2] 在火狐4之前，这个 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/percentage" title="此页面仍未被本地化, 期待您的翻译!"><code><percentage></code></a> 是相对于盒子的宽度，即便指定了一个高做为半径. 这被意味着到 <code>-moz-border-radius-topleft</code>是单个值的时候，它总是画一个圆弧，而不是一个椭圆。</p> +{{Compat("css.properties.border-top-left-radius")}} <h2 id="另请参阅">另请参阅</h2> diff --git a/files/zh-cn/web/css/border-top-right-radius/index.html b/files/zh-cn/web/css/border-top-right-radius/index.html index a818e58307..e9d59f36a8 100644 --- a/files/zh-cn/web/css/border-top-right-radius/index.html +++ b/files/zh-cn/web/css/border-top-right-radius/index.html @@ -193,91 +193,7 @@ border-top-right-radius: inherit</code></pre> <h2 id="浏览器兼容性" style="line-height: 30px; font-size: 2.14285714285714rem;">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table" style="border-color: transparent; border-style: solid;"> - <tbody> - <tr> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">特性</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Chrome</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Firefox (Gecko)</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Internet Explorer</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Opera</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Safari (WebKit)</th> - </tr> - <tr> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);"><span style="font-size: 12px; line-height: 18px;">Basic support</span></td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">0.2 {{ property_prefix("-webkit") }}</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);"> - <p>1.0 (1.0) - 12.0 (12.0){{ property_prefix("-moz") }}<br> - 但有一个非标准的名称:<br> - <code>-moz-border-radius-topright</code></p> - </td> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">9.0</td> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">10.5</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">3.0 (522){{ property_prefix("-webkit") }}</td> - </tr> - <tr> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">4.0</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">4.0 (2.0)</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">5.0 (532.5)</td> - </tr> - <tr> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">百分值</td> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">4.0</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">1.0 (1.0) 有一个bug (see note)</td> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">9.0</td> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">10.5</td> - <td rowspan="2" style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">5.0 (532.5)</td> - </tr> - <tr> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">4.0 (2.0)</td> - </tr> - <tr> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">椭圆拐角</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">0.2</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">3.5 (1.9.1)</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">9.0</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">10.5</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">3.0 (522 )</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table" style="border-color: transparent; border-style: solid;"> - <tbody> - <tr> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">特性</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Android</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">IE Phone</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Opera Mobile</th> - <th style="border-style: solid; border-color: rgba(212, 221, 228, 0); line-height: 16px;">Safari Mobile</th> - </tr> - <tr> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">基本支持</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">{{CompatUnknown()}}</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">{{CompatUnknown()}}</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">{{CompatUnknown()}}</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">{{CompatUnknown()}}</td> - <td style="border-style: solid; border-color: rgba(212, 221, 228, 0.247059);">{{CompatUnknown()}}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="浏览器备注" style="line-height: 24px; font-size: 1.71428571428571rem;">浏览器备注</h3> - -<h4 id="火狐内核（Gecko）" style="line-height: 18px; font-size: 1.28571428571429rem;">火狐内核（Gecko）</h4> - -<ul> - <li>前缀版 (允许火狐1至火狐12) 属性使用一个不相同的名称 <code>-moz-border-radius-topright</code>, 相对最终属性当最终的名称被敲定之前火狐才算完成。</li> - <li>在火狐4之前，这个 {{cssxref("<percentage>")}} 是相对盒子宽度，甚至是当指定半径作为一个高). 这被应用到 当<code>-moz-border-radius-topright</code>是单个值的时候，它总是画一个圆弧，而不是一个椭圆。</li> - <li>Gecko不可能正确地以点和虚线展示在圆角，它展示它们是以实线({{ bug("382721") }}).</li> -</ul> +{{Compat("css.properties.border-top-right-radius")}} <h2 id="参见" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="client_def_list_word_bar">参见</span></h2> diff --git a/files/zh-cn/web/css/child_combinator/index.html b/files/zh-cn/web/css/child_combinator/index.html index ef03621513..485d44aac5 100644 --- a/files/zh-cn/web/css/child_combinator/index.html +++ b/files/zh-cn/web/css/child_combinator/index.html @@ -66,52 +66,6 @@ div > span { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>7.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.child")}} <h2 id="相关">相关</h2> diff --git a/files/zh-cn/web/css/class_selectors/index.html b/files/zh-cn/web/css/class_selectors/index.html index 237e6dbaa0..de1ef537c7 100644 --- a/files/zh-cn/web/css/class_selectors/index.html +++ b/files/zh-cn/web/css/class_selectors/index.html @@ -70,54 +70,6 @@ translation_of: Web/CSS/Class_selectors <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.class")}} <h2 id="See_also" name="See_also">See also</h2> diff --git a/files/zh-cn/web/css/clip/index.html b/files/zh-cn/web/css/clip/index.html index 25b8eb6407..45d27458e6 100644 --- a/files/zh-cn/web/css/clip/index.html +++ b/files/zh-cn/web/css/clip/index.html @@ -94,57 +94,7 @@ clip: inherit</pre> <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td rowspan="2">Basic support</td> - <td rowspan="2">1.0</td> - <td rowspan="2">1.0 (1.0)</td> - <td>4.0</td> - <td rowspan="2">7.0</td> - <td rowspan="2">1.0 (85)</td> - </tr> - <tr> - <td>8.0<br> - 该版本支持逗号语法。</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.clip")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/column-count/index.html b/files/zh-cn/web/css/column-count/index.html index 76d558975a..5047f3c7eb 100644 --- a/files/zh-cn/web/css/column-count/index.html +++ b/files/zh-cn/web/css/column-count/index.html @@ -63,76 +63,4 @@ column-count: unset;</code></pre> <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td> - <td>{{compatGeckoDesktop("1.8")}}{{property_prefix('-moz')}}</td> - <td>10</td> - <td>11.1</td> - <td>3.0 (522){{property_prefix('-webkit')}}</td> - </tr> - <tr> - <td>on <code>display:</code> <code>table-caption</code></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{compatGeckoDesktop("37")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{compatGeckoMobile("1.8")}}{{property_prefix('-moz')}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>on <code>display:</code> <code>table-caption</code></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{compatGeckoMobile("37")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> - -<p> </p> - -<h4 id="了解更多">了解更多</h4> - -<p><a href="https://www.w3.org/TR/css3-multicol/">https://www.w3.org/TR/css3-multicol/</a></p> - -<p><a href="https://caniuse.com/#search=column">https://caniuse.com/#search=column</a></p> - -<p> </p> -</div> +{{Compat("css.properties.column-count")}} diff --git a/files/zh-cn/web/css/column-fill/index.html b/files/zh-cn/web/css/column-fill/index.html index 0c858b3e3a..04335f12eb 100644 --- a/files/zh-cn/web/css/column-fill/index.html +++ b/files/zh-cn/web/css/column-fill/index.html @@ -65,50 +65,4 @@ column-fill: unset; <h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("13.0")}}{{property_prefix('-moz')}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("13.0")}}{{property_prefix('-moz')}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.column-fill")}} diff --git a/files/zh-cn/web/css/column-rule-color/index.html b/files/zh-cn/web/css/column-rule-color/index.html index 99109bb9ae..e2d6f2915a 100644 --- a/files/zh-cn/web/css/column-rule-color/index.html +++ b/files/zh-cn/web/css/column-rule-color/index.html @@ -56,52 +56,4 @@ column-rule-color: inherit;</pre> <h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td> - <td>3.5 (1.9.1){{property_prefix('-moz')}}</td> - <td>10</td> - <td>11.1</td> - <td>3.0 (522){{property_prefix('-webkit')}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.column-rule-color")}} diff --git a/files/zh-cn/web/css/column-rule-style/index.html b/files/zh-cn/web/css/column-rule-style/index.html index 6b14a9ba93..b4106664f3 100644 --- a/files/zh-cn/web/css/column-rule-style/index.html +++ b/files/zh-cn/web/css/column-rule-style/index.html @@ -61,50 +61,4 @@ column-rule-style: inherit;</pre> <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - <td>3.5 (1.9.1){{ property_prefix('-moz') }}</td> - <td>10</td> - <td>11.1</td> - <td>3.0 (522){{ property_prefix('-webkit') }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.column-rule-style")}} diff --git a/files/zh-cn/web/css/column-rule-width/index.html b/files/zh-cn/web/css/column-rule-width/index.html index ae3e1cd669..18f4412168 100644 --- a/files/zh-cn/web/css/column-rule-width/index.html +++ b/files/zh-cn/web/css/column-rule-width/index.html @@ -60,50 +60,4 @@ column-rule-width: inherit;</pre> <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - <td>3.5 (1.9.1){{ property_prefix('-moz') }}</td> - <td>10</td> - <td>11.1</td> - <td>3.0 (522){{ property_prefix('-webkit') }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.column-rule-width")}} diff --git a/files/zh-cn/web/css/column-rule/index.html b/files/zh-cn/web/css/column-rule/index.html index be4a2b55d9..f14383d968 100644 --- a/files/zh-cn/web/css/column-rule/index.html +++ b/files/zh-cn/web/css/column-rule/index.html @@ -76,50 +76,4 @@ p.abc { column-rule: thick inset blue; } <h2 id="浏览器兼容性">浏览器兼容性</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}{{property_prefix('-webkit')}}</td> - <td>3.5 (1.9.1){{property_prefix('-moz')}}</td> - <td>10</td> - <td>11.1</td> - <td>3.0 (522){{property_prefix('-webkit')}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.column-rule")}} diff --git a/files/zh-cn/web/css/column-span/index.html b/files/zh-cn/web/css/column-span/index.html index 1f24023c88..0d29c35d67 100644 --- a/files/zh-cn/web/css/column-span/index.html +++ b/files/zh-cn/web/css/column-span/index.html @@ -85,52 +85,4 @@ h2 { <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - <td>{{ CompatNo() }}</td> - <td>10</td> - <td>11.1+</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>11.1+</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.column-span")}} diff --git a/files/zh-cn/web/css/content/index.html b/files/zh-cn/web/css/content/index.html index c36142fc76..f9579104f1 100644 --- a/files/zh-cn/web/css/content/index.html +++ b/files/zh-cn/web/css/content/index.html @@ -229,61 +229,7 @@ li { <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>8.0</td> - <td>4.0</td> - <td>1.0</td> - </tr> - <tr> - <td><code>url()</code> support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>8.0</td> - <td>7.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoMobile("1.0") }}</td> - <td>8.0</td> - <td>9.5</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.content")}} <h2 id="sect1"> </h2> diff --git a/files/zh-cn/web/css/counter-increment/index.html b/files/zh-cn/web/css/counter-increment/index.html index 56907bf233..8c8d4c16cf 100644 --- a/files/zh-cn/web/css/counter-increment/index.html +++ b/files/zh-cn/web/css/counter-increment/index.html @@ -85,53 +85,7 @@ counter-increment: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.0</td> - <td>1.0 (?)</td> - <td>8.0</td> - <td>9.2</td> - <td>3.0 (?)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.counter-increment")}} <h2 id="See_also" name="See_also">参考</h2> diff --git a/files/zh-cn/web/css/css_backgrounds_and_borders/index.html b/files/zh-cn/web/css/css_backgrounds_and_borders/index.html index 0a43587fc3..6d7d887b6f 100644 --- a/files/zh-cn/web/css/css_backgrounds_and_borders/index.html +++ b/files/zh-cn/web/css/css_backgrounds_and_borders/index.html @@ -114,52 +114,4 @@ translation_of: Web/CSS/CSS_Backgrounds_and_Borders </tbody> </table> -<h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.9.2")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/css_flexible_box_layout/index.html b/files/zh-cn/web/css/css_flexible_box_layout/index.html index 1ffd8a352a..6d4390071f 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/index.html @@ -123,54 +123,4 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout </tbody> </table> -<h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable()}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatGeckoDesktop("20.0")}}</td> - <td>21.0{{property_prefix("-webkit")}}<br> - 29.0</td> - <td>10.0{{property_prefix("-ms")}}<br> - 11.0</td> - <td>12.10</td> - <td>6.1{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>{{CompatVersionUnknown()}}</td> - <td>4.4</td> - <td>11</td> - <td>12.10</td> - <td><span style="font-size: 12px; line-height: 18px;">7.1{{property_prefix("-webkit")}}</span></td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/css_fonts/index.html b/files/zh-cn/web/css/css_fonts/index.html index 940c9fb0d0..dc3d2bdca4 100644 --- a/files/zh-cn/web/css/css_fonts/index.html +++ b/files/zh-cn/web/css/css_fonts/index.html @@ -89,52 +89,4 @@ translation_of: Web/CSS/CSS_Fonts </tbody> </table> -<h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>1.0 (1.0)</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/css_masking/index.html b/files/zh-cn/web/css/css_masking/index.html index 4a77f79254..4c99c88b6e 100644 --- a/files/zh-cn/web/css/css_masking/index.html +++ b/files/zh-cn/web/css/css_masking/index.html @@ -66,68 +66,4 @@ translation_of: Web/CSS/CSS_Masking </tbody> </table> -<h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support (for SVG)</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>Support for HTML, for <code>mask</code> and <code>mask-*</code> longhand properties</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop(53.0)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support (for SVG)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Support for HTML, for <code>mask</code> and <code>mask-*</code> longhand properties</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile(53.0)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/css_positioning/index.html b/files/zh-cn/web/css/css_positioning/index.html index 31d27615e2..c5ec8ad4cd 100644 --- a/files/zh-cn/web/css/css_positioning/index.html +++ b/files/zh-cn/web/css/css_positioning/index.html @@ -57,52 +57,4 @@ translation_of: Web/CSS/CSS_Positioning </tbody> </table> -<h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>性能</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>5.0</td> - <td>6.0</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/css_shapes/index.html b/files/zh-cn/web/css/css_shapes/index.html index 08df50f95b..4c955a243f 100644 --- a/files/zh-cn/web/css/css_shapes/index.html +++ b/files/zh-cn/web/css/css_shapes/index.html @@ -61,52 +61,4 @@ translation_of: Web/CSS/CSS_Shapes </tbody> </table> -<h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>37</td> - <td>54</td> - <td>{{CompatNo}}</td> - <td>24</td> - <td>8.0 {{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>8.0 {{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/css_transitions/index.html b/files/zh-cn/web/css/css_transitions/index.html index f9153ca449..8cd7410b51 100644 --- a/files/zh-cn/web/css/css_transitions/index.html +++ b/files/zh-cn/web/css/css_transitions/index.html @@ -53,61 +53,7 @@ translation_of: Web/CSS/CSS_Transitions </tbody> </table> -<h2 id="浏览器兼容">浏览器兼容</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>兼容版本</td> - <td>1.0 {{ property_prefix("-webkit") }}<br> - 26.0</td> - <td>{{ CompatGeckoDesktop("2.0") }} {{ property_prefix("-moz") }}<br> - {{ CompatGeckoDesktop("16.0") }}</td> - <td>10.0</td> - <td>11.6 {{ property_prefix("-o") }}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>3.0 {{ property_prefix("-webkit") }}<br> - 6.1</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>兼容版本</td> - <td>2.1 {{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoMobile("2.0") }} {{ property_prefix("-moz") }}<br> - {{ CompatGeckoMobile("16.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>10.0 {{ property_prefix("-o") }}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>3.2 {{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> <h2 id="sect1"> </h2> diff --git a/files/zh-cn/web/css/cssom_view/index.html b/files/zh-cn/web/css/cssom_view/index.html index 6e2aa61e50..88e2ac0738 100644 --- a/files/zh-cn/web/css/cssom_view/index.html +++ b/files/zh-cn/web/css/cssom_view/index.html @@ -48,52 +48,4 @@ translation_of: Web/CSS/CSSOM_View <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>功能</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基本支持</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>功能</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.scroll-behavior")}} diff --git a/files/zh-cn/web/css/flex-direction/index.html b/files/zh-cn/web/css/flex-direction/index.html index eb1fa87ac0..63e5134ba0 100644 --- a/files/zh-cn/web/css/flex-direction/index.html +++ b/files/zh-cn/web/css/flex-direction/index.html @@ -126,65 +126,7 @@ flex-direction: unset;</code></pre> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatGeckoDesktop("18.0")}} (behind a pref) <sup><a href="#bc1">[1]</a> <a href="#bc2">[2]</a></sup><br> - {{CompatGeckoDesktop("20.0")}} <sup><a href="#bc2">[2]</a></sup></td> - <td>21.0{{ property_prefix("-webkit") }}</td> - <td> - <p>10 {{ property_prefix("-ms") }}<br> - 11</p> - </td> - <td>12.10</td> - <td> - <p>7 {{ property_prefix("-webkit") }}</p> - </td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td>12.10</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<p><sup><a name="bc1">[1]</a></sup> 要激活Firefox 18和19的flexbox支持，用户必须将about：config首选项“layout.css.flexbox.enabled”更改为true。</p> - -<p><sup><a name="bc2">[2]</a></sup> 从Firefox 28开始支持多行flexbox。</p> - -<p>除了无前缀的支持外，Gecko 48.0{{geckoRelease("48.0")}}由于web兼容性原因，在首选项“layout.css.prefixes.webkit”之后增加了-webkit前缀版本的支持，默认设为false。 由于Gecko 49.0 {{geckoRelease("49.0")}}，首选项默认为true。</p> +{{Compat("css.properties.flex-direction")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/flex-flow/index.html b/files/zh-cn/web/css/flex-flow/index.html index 4ed7ff98e5..4dc0e69573 100644 --- a/files/zh-cn/web/css/flex-flow/index.html +++ b/files/zh-cn/web/css/flex-flow/index.html @@ -52,56 +52,7 @@ translation_of: Web/CSS/flex-flow <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基础支持</td> - <td>28.0</td> - <td> - <p><span style="font-size: 12px; line-height: 18px;">21.0{{property_prefix("-webkit")}}</span><br> - <span style="font-size: 12px; line-height: 18px;">29.0</span></p> - </td> - <td>11</td> - <td>12.10</td> - <td><span style="font-size: 12px; line-height: 18px;">6.1{{ property_prefix("-webkit") }}</span></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基础支持</td> - <td>28.0</td> - <td>{{ CompatUnknown() }}</td> - <td>11</td> - <td>12.10</td> - <td><span style="font-size: 12px; line-height: 18px;">7.1{{ property_prefix("-webkit") }}</span></td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.flex-flow")}} <h2 id="另参见">另参见</h2> diff --git a/files/zh-cn/web/css/flex-shrink/index.html b/files/zh-cn/web/css/flex-shrink/index.html index ec5d4d562a..4a8173d3a0 100644 --- a/files/zh-cn/web/css/flex-shrink/index.html +++ b/files/zh-cn/web/css/flex-shrink/index.html @@ -102,69 +102,7 @@ flex-shrink: unset</pre> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Edge</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br> - {{CompatGeckoDesktop("32.0")}}<sup>[2]</sup></td> - <td>21.0{{property_prefix("-webkit")}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>10<sup>[3]</sup></td> - <td>12.10</td> - <td>8.0{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>Edge</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatGeckoMobile("18.0")}}<sup>[1]</sup><br> - {{CompatGeckoMobile("32.0")}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>12.10</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Firefox 仅支持单行 flexbox 直到 Firefox 28版本。To activate flexbox support, for Firefox 18 and 19, the user has to change the about:config preference "layout.css.flexbox.enabled" to <code>true</code>.</p> - -<p>In addition to the unprefixed support, Gecko 48.0 {{geckoRelease("48.0")}} added support for a <code>-webkit</code> prefixed version of the property for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> - -<p>[2] 在 Firefox 32 之前，Gecko不能将动画从0开始或停止在0<code>(<a href="https://drafts.csswg.org/css-flexbox-1/#resolve-flexible-lengths">Spec</a>,<a href="http://jsbin.com/zacifexuke/edit?html,css,output">Demo</a>)</code>.。</p> - -<p>[3] Internet Explorer 10 使用 <code>0</code> 而不是 <code>1</code> 作为 <code>flex-shrink</code> 属性的初始值。A workaround is to always set an explicit value for <code>flex-shrink</code>. See <a href="https://github.com/philipwalton/flexbugs#6-the-default-flex-value-has-changed">Flexbug #6</a> for more info.</p> +{{Compat("css.properties.flex-shrink")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/font-size-adjust/index.html b/files/zh-cn/web/css/font-size-adjust/index.html index 364a0a6524..d61de5b6a6 100644 --- a/files/zh-cn/web/css/font-size-adjust/index.html +++ b/files/zh-cn/web/css/font-size-adjust/index.html @@ -81,62 +81,7 @@ font-size-adjust: inherit; <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td rowspan="2">Basic support</td> - <td rowspan="2"> - <p class="p1">{{ CompatNo() }}</p> - </td> - <td>1.0 (1.0)<br> - Windows only</td> - <td rowspan="2">{{ CompatNo() }} </td> - <td rowspan="2">{{ CompatNo() }} </td> - <td rowspan="2">{{ CompatNo() }} </td> - </tr> - <tr> - <td>{{ CompatGeckoDesktop("1.9") }}<br> - All platforms</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1.9.2") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatChrome(42.0)}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.font-size-adjust")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/font-size/index.html b/files/zh-cn/web/css/font-size/index.html index 5c61a68884..e2d18657f0 100644 --- a/files/zh-cn/web/css/font-size/index.html +++ b/files/zh-cn/web/css/font-size/index.html @@ -179,52 +179,4 @@ span { font-size: 16px; } <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>5.5</td> - <td>7.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.font-size")}} diff --git a/files/zh-cn/web/css/font-smooth/index.html b/files/zh-cn/web/css/font-smooth/index.html index 49c5319ac1..893fe26862 100644 --- a/files/zh-cn/web/css/font-smooth/index.html +++ b/files/zh-cn/web/css/font-smooth/index.html @@ -77,55 +77,7 @@ font-smooth: 2em; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>25.0<sup>[2]</sup></td> - <td>5.0<sup>[1]</sup></td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>4.0<sup>[1]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>iOS Safari</th> - <th>Opera Mini</th> - <th>Opera Mobile</th> - <th>Android Browser</th> - </tr> - <tr> - <td>Basic support</td> - <td>?<sup>[1]</sup></td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] <strong>Webkit</strong> 实现了名为<code>-webkit-font-smoothing</code>的相似属性。这个属性仅在 Mac OS X/macOS 下生效。</p> - -<p>[2] <strong>Firefox</strong> 实现了名为 <code>-moz-osx-font-smoothing</code> 的相似属性。这个属性仅在 Mac OS X / macOS 下生效。</p> +{{Compat("css.properties.font-smooth")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/font-stretch/index.html b/files/zh-cn/web/css/font-stretch/index.html index 8081d872e2..fde44cd6aa 100644 --- a/files/zh-cn/web/css/font-stretch/index.html +++ b/files/zh-cn/web/css/font-stretch/index.html @@ -103,54 +103,4 @@ font-stretch: unset; <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>48.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoDesktop("9.0") }}</td> - <td>9.0</td> - <td>35.0</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoMobile("9.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.font-stretch")}} diff --git a/files/zh-cn/web/css/gradient/linear-gradient()/index.html b/files/zh-cn/web/css/gradient/linear-gradient()/index.html index 4e1083f3cd..670d14976a 100644 --- a/files/zh-cn/web/css/gradient/linear-gradient()/index.html +++ b/files/zh-cn/web/css/gradient/linear-gradient()/index.html @@ -269,172 +269,7 @@ where <side-or-corner> = [ left | right ] || [ top | bottom ] <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera (Presto)</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td> - <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[1]</sup><br> - {{CompatGeckoDesktop("16")}}<sup>[2]</sup></td> - <td>10.0 (534.16){{property_prefix("-webkit")}}<sup>[6]</sup></td> - <td>10.0<sup>[4]</sup></td> - <td>11.10{{property_prefix("-o")}}<sup>[1]</sup></td> - <td>5.1{{property_prefix("-webkit")}}<sup>[6]</sup></td> - </tr> - <tr> - <td>On {{cssxref("border-radius")}}</td> - <td>{{CompatGeckoDesktop("29")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>On any other property that accepts {{cssxref("<image>")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>Legacy webkit syntax{{non-standard_inline}}</td> - <td>{{CompatNo}}</td> - <td>3{{property_prefix("-webkit")}}<sup>[3]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>4.0{{property_prefix("-webkit")}}<sup>[3]</sup></td> - </tr> - <tr> - <td>Legacy 'from' syntax (without <code>to</code>){{non-standard_inline}}</td> - <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[5]</sup></td> - <td>10.0 (534.16){{property_prefix("-webkit")}}<sup>[3]</sup></td> - <td>10</td> - <td>11.10{{property_prefix("-o")}}<sup>[5]</sup></td> - <td>5.1{{property_prefix("-webkit")}}<sup>[3]</sup></td> - </tr> - <tr> - <td>Standard syntax (using the <code>to</code> keyword)</td> - <td>{{CompatGeckoDesktop("16")}}</td> - <td>26.0 (537.27)</td> - <td>10</td> - <td>12.10</td> - <td>6.1</td> - </tr> - <tr> - <td>Interpolation hints (a percent without a color)</td> - <td>{{CompatGeckoDesktop("36")}}</td> - <td>40</td> - <td>{{CompatUnknown}}</td> - <td>27</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Unitless 0 for <code><angle></code></td> - <td>{{CompatGeckoDesktop("46")}}{{property_prefix("-moz")}}<sup>[7]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>Edge 12</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera (Presto)</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td> - <td>{{CompatGeckoMobile("1.9.2")}}{{property_prefix("-moz")}}<sup>[1]</sup><br> - {{CompatGeckoMobile("16")}}[2]</td> - <td>16{{property_prefix("-webkit")}}<br> - 26</td> - <td>10</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>On {{cssxref("border-radius")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>On any other property that accepts {{cssxref("<image>")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Legacy webkit syntax{{non-standard_inline}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Legacy 'from' syntax (without <code>to</code>){{non-standard_inline}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Standard syntax (using the <code>to</code> keyword)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Interpolation hints (a percent without a color)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> - -<p>[1] Gecko, Opera & Webkit consider {{cssxref("<angle>")}} to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right. This is different from the latest specification where an angle of <code>0deg</code> as a direction indicator points to the top. Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>.</p> - -<p>[2] Before Gecko 36.0 {{geckoRelease("36.0")}}, Gecko didn't apply gradients on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.</p> - -<p>[3] WebKit since 528 supports the legacy <a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html"><code>-webkit-gradient(linear,…)</code> function</a>. As of WebKit 534.16, it also supports the standard gradient syntax. Unlike in Gecko, in legacy WebKit you cannot specify both a position and an angle in <code>-webkit-linear-gradient()</code>. You can achieve the same effect by offsetting the color stops.</p> - -<p>[4] Internet Explorer 5.5 through 9.0 supports proprietary <a href="http://msdn.microsoft.com/en-us/library/ms532997(VS.85,loband).aspx"><code>filter: progid:DXImageTransform.Microsoft.Gradient()</code> filter</a>.</p> - -<p>[5] Firefox 3.6 and Opera 11.10 implemented, prefixed, an early syntax where the starting corner or side was indicated without the <code>to</code> keyword, and effectively considered as a 'from' position. The <code>to</code> syntax has been added in Firefox 10 and Opera 11.60.</p> - -<p>In addition to the unprefixed support using the standard syntax, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the function using the legacy 'from' syntax for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> - -<p>[6] Opera & Webkit consider {{cssxref("<angle>")}} to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right. This is different from the latest specification where an angle of <code>0deg</code> as a direction indicator points to the top. Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>. WebKit since 528 supports the legacy <a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html"><code>-webkit-gradient(linear,…)</code> function</a>. As of WebKit 534.16, it also supports the standard gradient syntax. Unlike in Gecko, in legacy WebKit you cannot specify both a position and an angle in <code>-webkit-linear-gradient()</code>. You can achieve the same effect by offsetting the color stops.</p> - -<p>[7] <code>linear-gradient(0, pink, teal)</code> equivalent to <code>linear-gradient(0deg, pink, teal)</code>,See {{bug("1239153")}}.</p> +{{Compat("css.types.image.gradient.linear-gradient")}} <h2 id="了解更多">了解更多</h2> diff --git a/files/zh-cn/web/css/gradient/repeating-linear-gradient()/index.html b/files/zh-cn/web/css/gradient/repeating-linear-gradient()/index.html index c4dd9fc55d..007a1eb361 100644 --- a/files/zh-cn/web/css/gradient/repeating-linear-gradient()/index.html +++ b/files/zh-cn/web/css/gradient/repeating-linear-gradient()/index.html @@ -160,144 +160,7 @@ where <code><side-or-corner> = [left | right] || [top | bottom]</code> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td> - <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[3]</sup><br> - {{CompatGeckoDesktop("16")}}<sup>[5]</sup></td> - <td>10.0 (534.16){{property_prefix("-webkit")}} <sup>[2]</sup><sup>[3]</sup></td> - <td>10.0 <sup>[1]</sup></td> - <td>11.10{{property_prefix("-o")}} <sup>[3]</sup></td> - <td>5.1{{property_prefix("-webkit")}}<sup>[2]</sup><sup>[3]</sup></td> - </tr> - <tr> - <td>On {{cssxref("border-radius")}}</td> - <td>{{CompatGeckoDesktop("29")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>On any other property that accept {{cssxref("<image>")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><a class="external" href="http://www.webkit.org/blog/175/introducing-css-gradients/">Legacy webkit syntax</a>{{non-standard_inline}}</td> - <td>{{CompatNo}}</td> - <td>3{{property_prefix("-webkit")}} <sup>[2]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>4.0{{property_prefix("-webkit")}}<sup>[2]</sup></td> - </tr> - <tr> - <td>Legacy <em>from </em>syntax (without <code>to</code>){{non-standard_inline}}</td> - <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[4]</sup><br> - Removed in {{CompatGeckoDesktop("16")}}<sup>[7]</sup></td> - <td>10.0 (534.16){{property_prefix("-webkit")}} <sup>[2]</sup></td> - <td>10.0</td> - <td>11.10{{property_prefix("-o")}}<sup>[4]</sup></td> - <td>5.1{{property_prefix("-webkit")}}<sup><a href="#bc2%3E">[2]</a></sup></td> - </tr> - <tr> - <td><code>to</code> syntax</td> - <td>{{CompatGeckoDesktop("10")}}{{property_prefix("-moz")}}<sup>[4]</sup><br> - {{CompatGeckoDesktop("16")}}</td> - <td>26.0</td> - <td>10.0</td> - <td>11.60{{property_prefix("-o")}}<sup>[4]</sup><br> - Presto 2.12 will remove the prefix.</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><a href="https://drafts.csswg.org/css-images-4/#color-interpolation-hint">Interpolation hints/gradient midpoints</a> (a percent without a color)</td> - <td>{{CompatGeckoDesktop("36")}}</td> - <td><a href="https://code.google.com/p/chromium/issues/detail?id=420527">40</a></td> - <td>{{CompatUnknown}}</td> - <td>27</td> - <td>{{CompatVersionUnknown}}<sup><a href="#bc2%3E">[6]</a></sup></td> - </tr> - <tr> - <td>Unitless 0 for <code><angle></code></td> - <td>{{CompatGeckoDesktop("46")}}{{property_prefix("-webkit")}}<sup>[8]</sup><br> - {{CompatNo}}<sup>[9]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>Edge 12</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera (Presto)</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatGeckoMobile("1.9.2")}}{{property_prefix("-moz")}}<sup>[3]</sup><br> - {{CompatGeckoMobile("16")}}<sup>[5]</sup></td> - <td> - <p>16{{property_prefix("-webkit")}}<br> - 26</p> - </td> - <td>10</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup><a href="#bc2%3E">[6]</a></sup></td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Internet Explorer 5.5 through 9.0 supports proprietary <a class="external" href="http://msdn.microsoft.com/en-us/library/ms532997(VS.85,loband).aspx"><code>filter: progid:DXImageTransform.Microsoft.Gradient()</code> filter</a>.</p> - -<p>[2] WebKit since 528 supports the legacy <a class="external" href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html"><code>-webkit-gradient(linear,…)</code> function</a>. As of WebKit 534.16, it also supports the standard gradient syntax. Unlike in Gecko, in legacy WebKit you cannot specify both a position and angle in <code>-webkit-linear-gradient()</code>. You can achieve the same effect by offsetting the color stops.</p> - -<p>[3] Gecko, Opera & Webkit considers {{cssxref("<angle>")}} to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right. This is different from the latest specification where an angle of <code>0deg</code> as a direction indicator points to the top. Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>.</p> - -<p>[4] Firefox 3.6 and Opera 11.10 implemented, prefixed, an early syntax where the starting corner or side was indicated without the <code>to</code> keyword, and effectively considered as a <em>from</em> position. The <code>to</code> syntax has been added in Firefox 10 and Opera 11.60 , at first without removing the deprecated syntax and translation between the two is trivial:</p> - -<pre class="notranslate">-moz-repeating-linear-gradient(to top left, blue, red);</pre> - -<p>is the same as:</p> - -<pre class="notranslate">-moz-repeating-linear-gradient(bottom right, blue, red);</pre> - -<p>The legacy syntax, without <code>to</code>, is planned to go away when the prefix is removed.</p> - -<p>[5] Before Firefox 36, Gecko didn't apply gradient on the pre-multiplied color space, leading to shade of grey unexpectedly appearing when used with transparency.</p> - -<p>[6] {{webkitbug(1074056)}}.</p> - -<p>[7] In addition to the unprefixed support using the standard syntax, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the function using the legacy 'from' syntax for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> - -<p>[8] In <code>-webkit-linear-gradient </code>function (handled below), Gecko accept unitless 0 for angles, to match webkit/blink,See {{bug("1239153")}}.</p> - -<p>[9] See {{bug("1363292")}}.</p> +{{Compat("css.types.image.gradient.repeating-linear-gradient")}} <h2 id="了解更多">了解更多</h2> diff --git a/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html b/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html index 8ca073bbd8..f3ac84767e 100644 --- a/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html +++ b/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html @@ -171,99 +171,7 @@ where <extent-keyword> = closest-corner | closest-side | farthest-corner | <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td> - <td>10 {{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<br> - {{CompatGeckoDesktop("16")}}<sup>[1]</sup></td> - <td>10</td> - <td>12 {{property_prefix("-o")}}<br> - 12.5</td> - <td>5.1 {{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>On {{cssxref("border-image")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("29")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>On any other property that accept {{cssxref("<image>")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>Interpolation hints (a percent without a color)</td> - <td>40</td> - <td>{{CompatGeckoDesktop("36")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td> - <td>4.4</td> - <td>{{CompatGeckoMobile("46")}}</td> - <td>10</td> - <td>12.1</td> - <td>7.1</td> - </tr> - <tr> - <td>On {{cssxref("border-image")}}</td> - <td>{{CompatGeckoMobile("29")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>On any other property that accept {{cssxref("<image>")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Before Firefox 36, Gecko didn't apply gradient on the pre-multiplied color space, leading to shade of grey unexpectedly appearing when used with transparency. Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>.</p> - -<p>In addition to the unprefixed support, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the function for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> +{{Compat("css.types.image.gradient.repeating-radial-gradient")}} <h2 id="参阅：">参阅：</h2> diff --git a/files/zh-cn/web/css/hyphens/index.html b/files/zh-cn/web/css/hyphens/index.html index 953d834e50..7a09198e88 100644 --- a/files/zh-cn/web/css/hyphens/index.html +++ b/files/zh-cn/web/css/hyphens/index.html @@ -118,692 +118,7 @@ p.auto { <h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatChrome("13")}}{{property_prefix("-webkit")}}<sup>[1]</sup></td> - <td> - <p>{{CompatGeckoDesktop("6.0")}}{{property_prefix("-moz")}}<sup>[2]</sup><br> - {{CompatGeckoDesktop("43.0")}}</p> - </td> - <td>{{CompatIE("10.0")}}{{property_prefix("-ms")}}<sup>[3]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatSafari(5.1)}}{{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Afrikaans (af, af-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Bulgarian (bg, bg-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Catalan (ca, ca-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Croatian (hr, hr-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Czech (cs, cs-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Danish (da, da-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Dutch (nl, nl-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1</td> - </tr> - <tr> - <td>Hyphenation dictionary for English (en, en-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("6.0")}}<sup>[4]</sup></td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1<sup>[5]</sup></td> - </tr> - <tr> - <td>Hyphenation dictionary for Esperanto (eo, eo-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Estonian (et, et-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Finnish (fi, fi-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for French (fr, fr-*)</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1</td> - </tr> - <tr> - <td>Hyphenation dictionary for Galician (gl, gl-*)</td> - <td>{{CompatNo}}</td> - <td>9.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for German, Traditional Orthography of 1901 (de-1901, de-AT-1901, de-DE-1901)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for German, Reformed Orthography of 1996 (de, de-1996, de-DE, de-AT, de-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1</td> - </tr> - <tr> - <td>Hyphenation dictionary for German, Swiss Orthography (de-CH, de-CH-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Hungarian (hu, hu-*)</td> - <td>{{CompatNo}}</td> - <td>9.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Icelandic (is, is-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Interlingua (ia, ia-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Italian (it, it-*)</td> - <td>{{CompatNo}}</td> - <td>9.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1</td> - </tr> - <tr> - <td>Hyphenation dictionary for Kurmanji (kmr, kmr-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Latin (la, la-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Lithuanian (lt, lt-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Mongolian (mn, mn-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Norwegian (Bokmål) (no, no-*, nb, nb-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Norwegian (Nynorsk) (nn, nn-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Polish (pl, pl-*)</td> - <td>{{CompatNo}}</td> - <td>31.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Portuguese (pt, pt-*)</td> - <td>{{CompatNo}}</td> - <td>8.0<sup>[6]</sup></td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Brazilian Portuguese (pt-BR)</td> - <td>{{CompatNo}}</td> - <td>8.0<sup>[6]</sup></td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Russian (ru, ru-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1</td> - </tr> - <tr> - <td>Hyphenation dictionary for Serbian, Bosnian, Serbo-Croatian (sh, sh-*, sr, sr-*, bs, bs-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Slovenian (sl, sl-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Spanish (es, es-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>5.1</td> - </tr> - <tr> - <td>Hyphenation dictionary for Swedish (sv, sv-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Turkish (tr, tr-*)</td> - <td>{{CompatNo}}</td> - <td>9.0</td> - <td>10.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Ukrainian (uk, uk-*)</td> - <td>{{CompatNo}}</td> - <td>9.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Upper Sorbian (hsb, hsb-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Welsh (cy, cy-*)</td> - <td>{{CompatNo}}</td> - <td>8.0</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for other languages</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatAndroid("4.0")}}{{property_prefix("-webkit")}}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("6.0")}}{{property_prefix("-moz")}}<sup>[2]</sup><br> - {{CompatGeckoDesktop("43.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatSafari(4.2)}}{{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Afrikaans (af, af-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Bulgarian (bg, bg-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Catalan (ca, ca-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Croatian (hr, hr-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Czech (cs, cs-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Danish (da, da-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Dutch (nl, nl-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for English (en, en-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Esperanto (eo, eo-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Estonian (et, et-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Finnish (fi, fi-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for French (fr, fr-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Galician (gl, gl-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for German, Traditional Orthography of 1901 (de-1901, de-AT-1901, de-DE-1901)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for German, Reformed Orthography of 1996 (de, de-1996, de-DE, de-AT, de-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for German, Swiss Orthography (de-CH, de-CH-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Hungarian (hu, hu-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Icelandic (is, is-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Interlingua (ia, ia-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Italian (it, it-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Kurmanji (kmr, kmr-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Latin (la, la-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Lithuanian (lt, lt-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Mongolian (mn, mn-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Norwegian (Bokmål) (no, no-*, nb, nb-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Norwegian (Nynorsk) (nn, nn-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Polish (pl, pl-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Portuguese (pt, pt-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Brazilian Portuguese (pt-BR)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Russian (ru, ru-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Serbian, Bosnian, Serbo-Croatian (sh, sh-*, sr, sr-*, bs, bs-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Slovenian (sl, sl-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Spanish (es, es-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Swedish (sv, sv-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Turkish (tr, tr-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Ukrainian (uk, uk-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Upper Sorbian (hsb, hsb-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for Welsh (cy, cy-*)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Hyphenation dictionary for other languages</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] <strong>No automatic hyphenation</strong>, only <code>-webkit-hyphens: none</code> is supported.</p> - -<p>[2] Automatic hyphenation only works for languages whose hyphenation dictionaries are integrated in Gecko. See <a href="#Notes_on_supported_languages">the note below</a> for a complete list of such languages.</p> - -<p>[3] Automatic hyphenation only works for languages whose hyphenation dictionaries are integrated in Internet Explorer. See <a href="#Notes_on_supported_languages">the note below</a> for a complete list of such languages.</p> - -<p>[4] Uses an en-US dictionary.</p> - -<p>[5] en-GB and en-US used different dictionaries.</p> - -<p>[6] Uses a Portuguese dictionary.</p> +{{Compat("css.properties.hyphens")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/integer/index.html b/files/zh-cn/web/css/integer/index.html index b0b71a76a5..183086063a 100644 --- a/files/zh-cn/web/css/integer/index.html +++ b/files/zh-cn/web/css/integer/index.html @@ -81,53 +81,7 @@ _5 Special characters are not allowed. <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>basic</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>3.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.types.integer")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/isolation/index.html b/files/zh-cn/web/css/isolation/index.html index ad3c297a5f..1f5ecf3f29 100644 --- a/files/zh-cn/web/css/isolation/index.html +++ b/files/zh-cn/web/css/isolation/index.html @@ -96,57 +96,7 @@ isolation: unset; <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable()}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td> - <p class="p1">{{CompatChrome(41.0)}}</p> - </td> - <td>{{CompatGeckoDesktop('36')}}</td> - <td>{{CompatNo()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td> - <p class="p1">{{CompatChrome(41.0)}}</p> - </td> - <td>{{CompatGeckoMobile('36')}}[1]</td> - <td>{{CompatNo()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.isolation")}} <h2 id="See_also" name="See_also">参见</h2> diff --git a/files/zh-cn/web/css/justify-content/index.html b/files/zh-cn/web/css/justify-content/index.html index 125f5b410f..eddbc5bf32 100644 --- a/files/zh-cn/web/css/justify-content/index.html +++ b/files/zh-cn/web/css/justify-content/index.html @@ -177,179 +177,7 @@ justifyContent.addEventListener("change", function (evt) { <h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatChrome(21.0)}} {{property_prefix("-webkit")}}<br> - {{CompatChrome(29.0)}}<sup>[3]</sup></td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br> - {{CompatGeckoDesktop("20.0")}}<sup>[2]</sup></td> - <td>11</td> - <td>12.10</td> - <td>9</td> - </tr> - <tr> - <td><code>space-evenly</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("52.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>start</code>, <code>end</code></td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>left</code>, <code>right</code></td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("52.0")}}<sup>[5]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>baseline</code></td> - <td>{{CompatChrome("57.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("44.0")}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>first baseline</code>, <code>last baseline</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("52.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>stretch</code></td> - <td>{{CompatChrome("57.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("52.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("44.0")}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>Android Webview</th> - <th>Edge</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br> - {{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>12.10</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> - </tr> - <tr> - <td><code>space-evenly</code></td> - <td>{{CompatGeckoMobile("52.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>start</code>, <code>end</code></td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>left</code>, <code>right</code></td> - <td>{{CompatNo}}<sup>[4]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("52.0")}}<sup>[5]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}<sup>[4]</sup></td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>baseline</code></td> - <td>{{CompatChrome("57.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("44.0")}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>first baseline</code>, <code>last baseline</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("52.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>stretch</code></td> - <td>{{CompatChrome("57.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("52.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("44.0")}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 直到Firefox 28，Firefox都只支持单行弹性框。用户需要修改about:config，将“layout.css.flexbox.enabled”设置为“<code>true</code>”来在Firefox 18和19应用弹性框。</p> - -<p>[2] 比较旧的版本规范将绝对定位子项认为0 x 0 flex项。 后面的规范版本将它们从流程中取出并根据对齐和对齐属性设置它们的位置。 Chrome从Chrome 52开始的实施新行为。</p> +{{Compat("css.properties.justify-content")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/list-style-image/index.html b/files/zh-cn/web/css/list-style-image/index.html index 6185aca835..3cd961dae9 100644 --- a/files/zh-cn/web/css/list-style-image/index.html +++ b/files/zh-cn/web/css/list-style-image/index.html @@ -90,53 +90,7 @@ list-style-image: unset; <h2 id="浏览器支持">浏览器支持</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特征</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>4.0</td> - <td>7.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特征</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.list-style-image")}} <h2 id="其他链接">其他链接</h2> diff --git a/files/zh-cn/web/css/list-style-position/index.html b/files/zh-cn/web/css/list-style-position/index.html index 1b63e9c8b6..91d8204131 100644 --- a/files/zh-cn/web/css/list-style-position/index.html +++ b/files/zh-cn/web/css/list-style-position/index.html @@ -105,55 +105,7 @@ list-style-position: unset; <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>1.0 (1.0)</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>N.B. There is variance among browsers regarding behaviour when a block element is placed first within a list element declared as <code>list-style-position:inside</code>. Chrome and Safari both place this element on the same line as the marker box, whereas Firefox, Internet Explorer and Opera place it on the next line. For more information on this, see this <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=36854">Mozilla Bug</a> report and an <a href="http://jsfiddle.net/hydrurga/MAS7j/">example</a>.</p> +{{Compat("css.properties.list-style-position")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/list-style/index.html b/files/zh-cn/web/css/list-style/index.html index a65ff6621b..20de87e51b 100644 --- a/files/zh-cn/web/css/list-style/index.html +++ b/files/zh-cn/web/css/list-style/index.html @@ -88,53 +88,7 @@ List 2 <h2 id="浏览器兼容性">浏览器兼容性</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>4.0</td> - <td>7.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.list-style")}} <h2 id="See_also" name="See_also">另参见</h2> diff --git a/files/zh-cn/web/css/margin-bottom/index.html b/files/zh-cn/web/css/margin-bottom/index.html index 4a5b7f23b7..40fc567130 100644 --- a/files/zh-cn/web/css/margin-bottom/index.html +++ b/files/zh-cn/web/css/margin-bottom/index.html @@ -130,58 +130,4 @@ div { <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td><code>auto</code> value</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>6.0 (strict mode)</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.margin-bottom")}} diff --git a/files/zh-cn/web/css/margin-left/index.html b/files/zh-cn/web/css/margin-left/index.html index c7f3b25b19..86f047379b 100644 --- a/files/zh-cn/web/css/margin-left/index.html +++ b/files/zh-cn/web/css/margin-left/index.html @@ -152,58 +152,4 @@ margin-left: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable()}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td><code>auto</code> value</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>6.0 (strict mode)</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.margin-left")}} diff --git a/files/zh-cn/web/css/margin-right/index.html b/files/zh-cn/web/css/margin-right/index.html index a0a25c9993..30c9cc0376 100644 --- a/files/zh-cn/web/css/margin-right/index.html +++ b/files/zh-cn/web/css/margin-right/index.html @@ -151,58 +151,4 @@ margin-right: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td><code>auto</code> value</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>6.0 (strict mode)</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.margin-right")}} diff --git a/files/zh-cn/web/css/margin-top/index.html b/files/zh-cn/web/css/margin-top/index.html index 3e12c45805..1ed70069c2 100644 --- a/files/zh-cn/web/css/margin-top/index.html +++ b/files/zh-cn/web/css/margin-top/index.html @@ -88,58 +88,4 @@ margin-top: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable()}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td><code>auto</code> value</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>6.0 (strict mode)</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.margin-top")}} diff --git a/files/zh-cn/web/css/mask-image/index.html b/files/zh-cn/web/css/mask-image/index.html index ef59ab1649..94cb2529a5 100644 --- a/files/zh-cn/web/css/mask-image/index.html +++ b/files/zh-cn/web/css/mask-image/index.html @@ -88,96 +88,4 @@ mask-image: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Edge</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0{{property_prefix("-webkit")}}<sup>[1]</sup></td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>4.0{{property_prefix("-webkit")}}<sup>[3]</sup></td> - </tr> - <tr> - <td>Multiple mask images</td> - <td>1.0{{property_prefix("-webkit")}}</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>4.0{{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>SVG masks</td> - <td>8.0</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>4.0{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1{{property_prefix("-webkit")}}<sup>[4]</sup></td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>3.2{{property_prefix("-webkit")}}<sup>[5]</sup></td> - </tr> - <tr> - <td>Multiple mask images</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>SVG masks</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Implemented in version 8.0, Chrome initially only supported the <code>-webkit</code> prefixed versions of gradients as values. Later, support for the unprefixed versions was added.</p> - -<p>[2] This feature is not implemented yet. It is only available in Nightly and Dev Edition. See {{bug("1251161")}}.</p> - -<p>[3] Implemented in version 4.0, Safari initially only supported the <code>-webkit</code> prefixed versions of gradients as values.</p> - -<p>[4] Android initially only supported the <code>-webkit</code> prefixed versions of gradients as values.</p> - -<p>[5] iOS Safari initially only supported the <code>-webkit</code> prefixed versions of gradients as values.</p> +{{Compat("css.properties.mask-image")}} diff --git a/files/zh-cn/web/css/max-width/index.html b/files/zh-cn/web/css/max-width/index.html index c059156cad..ee807e175d 100644 --- a/files/zh-cn/web/css/max-width/index.html +++ b/files/zh-cn/web/css/max-width/index.html @@ -135,76 +135,7 @@ max-width: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>7.0</td> - <td>4.0</td> - <td>2.0.2 (416),<br> - buggy before</td> - </tr> - <tr> - <td>applies to <code><table> </code>[1]</td> - <td>{{ CompatNo() }}</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{ CompatNo() }}</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td rowspan="1"><code>max-content</code>, <code>min-content</code>, <code>fit-content</code>, and <code>fill-</code><code>available</code> {{ experimental_inline() }}</td> - <td>{{ CompatNo() }} [3]</td> - <td>{{CompatGeckoDesktop("1.9")}}{{property_prefix("-moz")}} [2]</td> - <td rowspan="1">{{ CompatNo() }}</td> - <td rowspan="1">{{ CompatNo() }}</td> - <td>{{ CompatNo() }} [3]</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] CSS 2.1 explicitly leaves the behavior of <code>max-width</code> with {{ HTMLElement("table") }} undefined. Therefore any behavior is CSS2.1-compliant; newer CSS specifications may define this behavior, so Web developers shouldn't rely on a specific one now.</p> - -<p>[2] Gecko experimentally implements the definitions given in CSS3 Basic Box. This one defines <code>available</code> and not <code>fill-available</code>. Also the definition of <code>fit-content</code> is simpler than in CSS3 Sizing.</p> - -<p>[3] WebKit implements an earlier proposal for setting the height to an intrinsic height: the keywords <code>intrinsic</code>, instead of <code>max-content</code>, and <code>min-intrinsic</code>, instead of <code>min-content</code> There is no equivalent for <code>fill-available</code> or <code>fit-content</code>.</p> +{{Compat("css.properties.max-width")}} <h2 id="参考链接">参考链接</h2> diff --git a/files/zh-cn/web/css/number/index.html b/files/zh-cn/web/css/number/index.html index ab51b9d680..4e6917e407 100644 --- a/files/zh-cn/web/css/number/index.html +++ b/files/zh-cn/web/css/number/index.html @@ -69,61 +69,7 @@ translation_of: Web/CSS/number <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>basic</td> - <td>1.0</td> - <td>1.0 (1.0)</td> - <td><=5.0</td> - <td>yes</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>Scientific notation</td> - <td>?</td> - <td>29</td> - <td>11</td> - <td>?</td> - <td>?</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>yes</td> - <td>yes</td> - <td>yes</td> - <td>yes</td> - <td>yes</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.types.number")}} <h2 id="See_also" name="See_also">参见</h2> diff --git a/files/zh-cn/web/css/order/index.html b/files/zh-cn/web/css/order/index.html index 37f8da8ae8..c015258757 100644 --- a/files/zh-cn/web/css/order/index.html +++ b/files/zh-cn/web/css/order/index.html @@ -81,80 +81,7 @@ order: unset; <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatChrome(21.0) }}{{ property_prefix("-webkit") }}<br> - 29</td> - <td> - <p>{{ CompatGeckoDesktop("18.0") }} (behind a pref) [1][3]<br> - {{CompatGeckoDesktop("20.0")}}<br> - 28</p> - </td> - <td> - <p>10.0, but under the non-standard <code>-ms-flex-order</code> name {{ property_prefix("-ms") }} [2]<br> - 11</p> - </td> - <td>12.10</td> - <td> - <p>7 {{ property_prefix("-webkit") }}<br> - 9</p> - </td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown }}</td> - <td>{{ CompatUnknown }}</td> - <td>{{ CompatGeckoMobile("18.0") }} (behind a pref) [1]<br> - {{CompatGeckoMobile("20.0")}}</td> - <td>{{ CompatUnknown }}</td> - <td>12.10</td> - <td> - <p><span style="font-size: 12px; line-height: 18px;">7 {{ property_prefix("-webkit") }}</span><br> - <span style="font-size: 12px; line-height: 18px;">9</span></p> - - <p> </p> - </td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在 Firefox 18 和 19 中使用弹性布局，需要将 about:config 中 <code>layout.css.flexbox.enabled</code> 设置为 <code>true</code>。从 Firefox 28 起开始完整支持。</p> - -<p>Firefox 中不正确地更改元素的 Tab 顺序. 查看 {{bug("812687")}}。</p> - -<p>[2] In addition to the unprefixed support, Gecko 48.0 {{geckoRelease("48.0")}} added support for a <code>-webkit</code> prefixed version of the property for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p> - -<p>[3] 在 Internet Explorer 10 中，使用 <code>display: -ms-flexbox</code> 来声明弹性盒子。<code>-ms-flex-order</code> 属性是非标准实现。</p> +{{Compat("css.properties.order")}} <h2 id="See_also" name="See_also">参考</h2> diff --git a/files/zh-cn/web/css/outline-offset/index.html b/files/zh-cn/web/css/outline-offset/index.html index 3d928679a5..e6460afd74 100644 --- a/files/zh-cn/web/css/outline-offset/index.html +++ b/files/zh-cn/web/css/outline-offset/index.html @@ -88,50 +88,4 @@ outline-offset: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.8")}}</td> - <td>{{ CompatNo() }}</td> - <td>9.5</td> - <td>1.2</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.outline-offset")}} diff --git a/files/zh-cn/web/css/outline-style/index.html b/files/zh-cn/web/css/outline-style/index.html index d38b4ed59e..2a0ed4ad9a 100644 --- a/files/zh-cn/web/css/outline-style/index.html +++ b/files/zh-cn/web/css/outline-style/index.html @@ -199,74 +199,4 @@ outline-style: unset; <p>{{Compat("css.properties.outline-style")}}</p> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.5 (1.8)<sup>[1]</sup></td> - <td>8.0</td> - <td>7.0</td> - <td>1.2 (125)</td> - </tr> - <tr> - <td><code>auto</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("46")}}</td> - <td>10</td> - <td>12</td> - <td>3.2</td> - </tr> - <tr> - <td><code>auto</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] <a href="/zh-CN/docs/Gecko">Gecko</a> 1.8及以前 (<a href="/zh-CN/docs/Firefox_1.5_for_developers">Firefox 1.5</a>) 该效果可用<a href="/zh-CN/docs/CSS/CSS_Reference/Mozilla_Extensions">Mozilla CSS Extension</a> 实现{{Cssxref("-moz-outline-style")}}.</p> +{{Compat("css.properties.outline-style")}} diff --git a/files/zh-cn/web/css/overflow-y/index.html b/files/zh-cn/web/css/overflow-y/index.html index 08941c82e5..e3dbe4df2b 100644 --- a/files/zh-cn/web/css/overflow-y/index.html +++ b/files/zh-cn/web/css/overflow-y/index.html @@ -142,57 +142,7 @@ overflow-y: unset; /*未设置*/ <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器支持</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1.5")}}</td> - <td>5.0 [*]</td> - <td>9.5</td> - <td>3.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.5")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[*] IE8 引入了属性<code>-ms-overflow-y</code>，作用与<code>overflow-y</code>相同。不要使用前缀<code>-ms-</code>。</p> +{{Compat("css.properties.overflow-y")}} <h2 id="See_also" name="See_also">参见</h2> diff --git a/files/zh-cn/web/css/overflow/index.html b/files/zh-cn/web/css/overflow/index.html index fc78daee71..42daa56262 100644 --- a/files/zh-cn/web/css/overflow/index.html +++ b/files/zh-cn/web/css/overflow/index.html @@ -177,57 +177,7 @@ overflow: scroll hidden;</code></pre> <h2 id="浏览器兼容性" style="margin-bottom: 20px; font-size: 2.14285714285714rem;">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table" style="border-color: transparent;"> - <tbody> - <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}[1]</td> - <td>4.0[2]</td> - <td>7.0</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table" style="border-color: transparent;"> - <tbody> - <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Phone</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p> [1] Firefox 3.6 (Gecko 1.9.2)中, <code> overflow 属性被错误地应用到表组元素（<thead>,<tbody>,<tfoot>）中。这个错误在之后的版本中被修复。</code> </p> - -<p>[2]Internet Explorer 4 － 6 会扩大一个带有<code>overflow:visible 的元素以适应它的内容。此处</code><code> height/width 的<font face="Open Sans, Arial, sans-serif">作用相当于</font></code><code> min-height/min-width</code>。</p> +{{Compat("css.properties.overflow")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/padding-bottom/index.html b/files/zh-cn/web/css/padding-bottom/index.html index d9d588167a..6d86467bc1 100644 --- a/files/zh-cn/web/css/padding-bottom/index.html +++ b/files/zh-cn/web/css/padding-bottom/index.html @@ -87,57 +87,7 @@ padding-bottom: unset; <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0 (1.0)</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.padding-bottom")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/padding-inline-start/index.html b/files/zh-cn/web/css/padding-inline-start/index.html index dca56682c7..acc113a16a 100644 --- a/files/zh-cn/web/css/padding-inline-start/index.html +++ b/files/zh-cn/web/css/padding-inline-start/index.html @@ -82,57 +82,7 @@ padding-inline-start: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("41.0") }}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Available since Gecko 38, but behind the preference <code>layout.css.vertical-text.enabled</code>, then disabled by default. The preference has been removed in Gecko 51 and this property cannot be disabled since this version. From Firefox 3, Gecko supports the prefixed <code>-moz-padding-start</code>.</p> - -<p>[2] From Chrome 2 and Safari 3, the similar prefixed <code>-webkit-padding-start</code> are supported.</p> +{{Compat("css.properties.padding-inline-start")}} <h2 id="也可以看看">也可以看看</h2> diff --git a/files/zh-cn/web/css/padding-right/index.html b/files/zh-cn/web/css/padding-right/index.html index b9d591adff..6ec61008a7 100644 --- a/files/zh-cn/web/css/padding-right/index.html +++ b/files/zh-cn/web/css/padding-right/index.html @@ -84,57 +84,7 @@ padding-right: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0 (1.0)</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.padding-right")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/padding-top/index.html b/files/zh-cn/web/css/padding-top/index.html index 473a0194e5..6d0ad5e996 100644 --- a/files/zh-cn/web/css/padding-top/index.html +++ b/files/zh-cn/web/css/padding-top/index.html @@ -86,57 +86,7 @@ padding-top: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器的兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0 (1.0)</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.padding-top")}} <h2 id="更多浏览"> 更多浏览</h2> diff --git a/files/zh-cn/web/css/page-break-after/index.html b/files/zh-cn/web/css/page-break-after/index.html index 5d83330342..596b72971f 100644 --- a/files/zh-cn/web/css/page-break-after/index.html +++ b/files/zh-cn/web/css/page-break-after/index.html @@ -121,75 +121,7 @@ div.footnotes { <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support (<code>auto</code>, <code>always</code>)</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoDesktop("1.0") }}</td> - <td>4.0</td> - <td>7.0</td> - <td>1.2 (125)</td> - </tr> - <tr> - <td><code>avoid</code>, <code>left</code>, <code>right</code></td> - <td>1.0</td> - <td>{{CompatUnknown}}</td> - <td>{{ CompatNo() }} ({{ bug("132035") }})</td> - <td>4.0</td> - <td>7.0</td> - <td>1.2 (125)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoMobile("1.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td><code>avoid</code>, <code>left</code>, <code>right</code></td> - <td>{{ CompatUnknown() }}</td> - <td>{{CompatUnknown}}</td> - <td>{{ CompatNo() }} ({{ bug("132035") }})</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.page-break-after")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/position_value/index.html b/files/zh-cn/web/css/position_value/index.html index d96912be34..341106f928 100644 --- a/files/zh-cn/web/css/position_value/index.html +++ b/files/zh-cn/web/css/position_value/index.html @@ -81,84 +81,6 @@ translation_of: Web/CSS/position_value <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>Combination of a keyword and a {{cssxref("<length>")}}, or {{cssxref("<percentage>")}}</td> - <td>1.0</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>4.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>Four-value syntax (support for offset from any edge) {{ experimental_inline() }}</td> - <td>{{ CompatNo() }} {{ webkitbug("37514") }}</td> - <td>{{ CompatGeckoDesktop("13.0") }}</td> - <td>{{ CompatNo() }}</td> - <td>10.5</td> - <td>{{ CompatNo() }} {{ webkitbug("37514") }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td>Combination of a keyword and a {{cssxref("<length>")}}, or {{cssxref("<percentage>")}}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td>Four-value syntax (support for offset from any edge) {{ experimental_inline() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoMobile("13.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.types.position")}} <h2 id="sect1"> </h2> diff --git a/files/zh-cn/web/css/resize/index.html b/files/zh-cn/web/css/resize/index.html index 95f00e5ec9..79f318087f 100644 --- a/files/zh-cn/web/css/resize/index.html +++ b/files/zh-cn/web/css/resize/index.html @@ -137,71 +137,7 @@ p { <h2 id="Browser_compatibility">Browser compatibility</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support (on {{HTMLElement("textarea")}})</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("2.0")}}{{property_prefix("-moz")}}</td> - <td>{{CompatNo}}</td> - <td>12.1</td> - <td>3.0 (522)</td> - </tr> - <tr> - <td>On any block-level and replaced element, table cell, and inline block element (unless {{cssxref("overflow")}} is <code>visible</code>)</td> - <td>4.0</td> - <td>{{CompatGeckoDesktop("5.0")}}[1]</td> - <td>{{CompatNo}}</td> - <td>15</td> - <td>4.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support (on {{HTMLElement("textarea")}})</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>On any block-level and replaced element, table cell, and inline block element (unless {{cssxref("overflow")}} is <code>visible</code>)</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] <code>resize</code> doesn't have any effect on {{HTMLElement("iframe")}} (cf. {{bug(680823)}})</p> +{{Compat("css.properties.resize")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/scroll-snap-coordinate/index.html b/files/zh-cn/web/css/scroll-snap-coordinate/index.html index 653df49790..373dbd66d3 100644 --- a/files/zh-cn/web/css/scroll-snap-coordinate/index.html +++ b/files/zh-cn/web/css/scroll-snap-coordinate/index.html @@ -148,54 +148,4 @@ scroll-snap-coordinate: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("39.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("39.0") }}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("39.0") }}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在Firefox移动版上，从内核Gecko 39开始可用，但是低于 <code>layout.css.vertical-text.enabled</code>优先级，默认不可用。</p> +{{Compat("css.properties.scroll-snap-coordinate")}} diff --git a/files/zh-cn/web/css/scroll-snap-destination/index.html b/files/zh-cn/web/css/scroll-snap-destination/index.html index c2042ca391..86c27e9f69 100644 --- a/files/zh-cn/web/css/scroll-snap-destination/index.html +++ b/files/zh-cn/web/css/scroll-snap-destination/index.html @@ -139,54 +139,4 @@ scroll-snap-destination: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("39.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("39.0") }}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("39.0") }}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在Firefox移动版上，从内核Gecko 39开始可用，但是低于 <code>layout.css.vertical-text.enabled</code>优先级，默认不可用。</p> +{{Compat("css.properties.scroll-snap-destination")}} diff --git a/files/zh-cn/web/css/scroll-snap-points-x/index.html b/files/zh-cn/web/css/scroll-snap-points-x/index.html index c2b0b3c2fc..878e03b57f 100644 --- a/files/zh-cn/web/css/scroll-snap-points-x/index.html +++ b/files/zh-cn/web/css/scroll-snap-points-x/index.html @@ -87,54 +87,4 @@ scroll-snap-points-x: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("39.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>9{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("39.0")}}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("39.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>9{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在Firefox移动版上，从内核Gecko 39开始可用，但是低于 <code>layout.css.vertical-text.enabled</code>优先级，默认不可用。</p> +{{Compat("css.properties.scroll-snap-points-x")}} diff --git a/files/zh-cn/web/css/scroll-snap-points-y/index.html b/files/zh-cn/web/css/scroll-snap-points-y/index.html index ad78875020..3401315f5c 100644 --- a/files/zh-cn/web/css/scroll-snap-points-y/index.html +++ b/files/zh-cn/web/css/scroll-snap-points-y/index.html @@ -88,54 +88,4 @@ scroll-snap-points-y: unset; <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("39.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>9{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>支持度</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("39.0") }}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("39.0") }}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>9{{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在Firefox移动版上，从内核Gecko 39开始可用，但是低于 <code>layout.css.vertical-text.enabled</code>优先级，默认不可用。</p> +{{Compat("css.properties.scroll-snap-points-y")}} diff --git a/files/zh-cn/web/css/string/index.html b/files/zh-cn/web/css/string/index.html index 01a13db60b..dd2a9a0903 100644 --- a/files/zh-cn/web/css/string/index.html +++ b/files/zh-cn/web/css/string/index.html @@ -74,69 +74,4 @@ awesome string" <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>1.0 (1.0)</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>\xx</td> - <td>1.0</td> - <td>1.0 (1.0)</td> - <td>6.0</td> - <td>{{compatVersionUnknown}}</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - </tr> - <tr> - <td>\xx</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - <td>{{compatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.types.string")}} diff --git a/files/zh-cn/web/css/text-align/index.html b/files/zh-cn/web/css/text-align/index.html index b18ab96e5b..9c806d8571 100644 --- a/files/zh-cn/web/css/text-align/index.html +++ b/files/zh-cn/web/css/text-align/index.html @@ -348,142 +348,7 @@ some more inline content...</div> <h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support (<code>left</code>, <code>right</code>, <code>center</code> and <code>justify</code>)</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td>Block alignment values {{non-standard_inline}}</td> - <td>1.0{{property_prefix("-webkit")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>1.0 (85){{property_prefix("-khtml")}}<br> - 1.3 (312){{property_prefix("-webkit")}} [1]</td> - </tr> - <tr> - <td><code>start</code> {{experimental_inline}}</td> - <td>1.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>3.1 (525)</td> - </tr> - <tr> - <td><code>end</code> {{experimental_inline}}</td> - <td>1.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("1.9.2")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>3.1 (525)</td> - </tr> - <tr> - <td><code>match-parent</code>{{experimental_inline}}</td> - <td>16</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("40")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Block alignment values {{non-standard_inline}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>start</code> {{experimental_inline}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>end</code> {{experimental_inline}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>match-parent</code>{{experimental_inline}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("40")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>true</code>(non-standard syntax){{non-standard_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> - -<p>[1] Both WebKit and Gecko supports a prefixed version of <code>left</code>, <code>center</code>, and <code>right</code>, that applies not only to inline content but also to block elements. This is used to implement the legacy {{htmlattrxref("align", "td")}} attributes on some table-related element. Do not use these on production Web sites.</p> +{{Compat("css.properties.text-align")}} <h2 id="参见" style="margin-bottom: 20px; line-height: 30px;">参见</h2> diff --git a/files/zh-cn/web/css/text-justify/index.html b/files/zh-cn/web/css/text-justify/index.html index 8760107504..d465e9b7e7 100644 --- a/files/zh-cn/web/css/text-justify/index.html +++ b/files/zh-cn/web/css/text-justify/index.html @@ -109,63 +109,7 @@ text-justify: distribute; /* 已被废除，不提倡使用 */ <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>14<sup>[1]</sup></td> - <td>{{CompatGeckoDesktop("55.0")}}</td> - <td>11<sup>[1]</sup></td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>14<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("55.0")}}</td> - <td>11<sup>[1]</sup></td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 不支持标准属性值 <code>inter-character</code> 或 <code>none</code> 。但是支持过时的属性值 <code>distribute</code>和废弃属性值 <code>distribute-all-lines</code>、<code>distribute-center-last</code>、<code>inter-cluster</code>、<code>inter-ideograph</code>，以及 <code>newspaper</code>。</p> - -<p>[2] 参照了默认的规范，属性值 <code>inter-word</code> 和 <code>distribute</code> 在“实验平台特性”的旗帜下被保留了下来，尽管 <code>distribulte</code> 已经不被提倡使用了。</p> +{{Compat("css.properties.text-justify")}} <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/css/text-overflow/index.html b/files/zh-cn/web/css/text-overflow/index.html index 2b648418eb..e2a07ee7e8 100644 --- a/files/zh-cn/web/css/text-overflow/index.html +++ b/files/zh-cn/web/css/text-overflow/index.html @@ -308,132 +308,7 @@ text-overflow: unset;</code></pre> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 (312.3)</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("7.0")}}<sup>[1]</sup></td> - <td>6.0<sup>[2]</sup></td> - <td>9{{property_prefix("-o")}}<sup>[3]</sup><br> - 11.0</td> - <td>1.3 (312.3)</td> - </tr> - <tr> - <td>Two-value syntax {{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("9.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>String value {{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("9.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>fade</code>{{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>fade()</code>{{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("7.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>Two-value syntax {{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("9.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>String value {{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("9.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>fade</code>{{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>fade()</code>{{experimental_inline}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> - -<p>[1] 从 Gecko 10.0 {{geckoRelease("10.0")}} 起，修正了text-overflow属性在行内溢出的块级元素两端都溢出的显示效果，早前的版本如果仅仅使用一个属性(比如说<code>text-overflow:ellipsis;</code>)，可能会导致块级元素文本两端都会变为省略号，而不是仅仅期望的仅仅在文本末尾显示省略号。</p> - -<p>[2] IE 8 提供了带有浏览器前缀的版本， <code>-ms-text-overflow</code>，和text-overflow作用相同。但是并不推荐这样使用。</p> - -<p>[3] Opera 9 和 10 要求带有浏览器前缀 <code>-o-text-overflow</code>。</p> +{{Compat("css.properties.text-overflow")}} <h2 id="另见">另见</h2> diff --git a/files/zh-cn/web/css/text-rendering/index.html b/files/zh-cn/web/css/text-rendering/index.html index 8a3c674df8..32b735b99a 100644 --- a/files/zh-cn/web/css/text-rendering/index.html +++ b/files/zh-cn/web/css/text-rendering/index.html @@ -133,79 +133,4 @@ body { text-rendering: optimizeLegibility; } <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support for Windows and Linux</td> - <td> - <p>4.0 but the implementation known bugs on Windows and Linux which can break <a href="http://crbug.com/114719">font substitition</a>, <a href="http://crbug.com/51973">small-caps</a>, <a href="http://crbug.com/55458">letter-spacing</a> or cause <a href="http://crbug.com/149548">text to overlap</a></p> - </td> - <td><strong>3.0</strong> (1.9)</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>5.0 (532.5)</td> - </tr> - <tr> - <td>Basic support for other operating systems</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td><code>auto</code></td> - <td>Chrome treats this as <code>optimizeSpeed</code>.<br> - Work is continuing on{{ Webkitbug("41363") }}</td> - <td>If the font size is 20 px or higher, Gecko browsers use <code>optimizeLegibility</code>; for smaller text, they use <code>optimizeSpeed</code>.</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>Safari treats this as <code>optimizeSpeed</code>.<br> - Work is continuing on{{ Webkitbug("41363") }}</td> - </tr> - <tr> - <td><code>geometricPrecision</code></td> - <td>13 supports true geometric precision, without rounding up or down to the nearest supported font size in the operating system.<br> - Introduced in WebKit 535.1 {{ Webkitbug("60317") }}</td> - <td>Gecko treats the value the same as <code>optimizeLegibility</code>.</td> - <td> {{ CompatNo() }}</td> - <td> {{ CompatNo() }}</td> - <td> </td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.text-rendering")}} diff --git a/files/zh-cn/web/css/text-transform/index.html b/files/zh-cn/web/css/text-transform/index.html index 6939245741..7ac6c0015e 100644 --- a/files/zh-cn/web/css/text-transform/index.html +++ b/files/zh-cn/web/css/text-transform/index.html @@ -253,182 +253,4 @@ strong { width: 100%; float: right; }</code></pre> <h2 id="浏览器兼容性">浏览器兼容性 </h2> -<p>{{CompatibilityTable}}</p> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>4.0</td> - <td>7.0</td> - <td>1.0</td> - </tr> - <tr> - <td><code>capitalize</code>(CSS3 version)</td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatGeckoDesktop("14")}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - </tr> - <tr> - <td><code>full-size-kana</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>full-width</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("19")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>ß</code> → <code>SS</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>i</code> → <code>İ</code> and <code>ı</code>→ <code>I</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("14")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Dutch <code>IJ</code>digraph</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("14")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Greek accented letters</td> - <td>30</td> - <td>{{CompatGeckoDesktop("15")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>Σ</code> → <code>σ</code> or word-final <code>ς</code></td> - <td>30</td> - <td>{{CompatGeckoDesktop("14")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>6.0</td> - </tr> - </tbody> -</table> - -<table> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - <tr> - <td><code>capitalize</code>(CSS3 version)</td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatGeckoMobile("14")}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}<sup>[1]</sup></td> - </tr> - <tr> - <td><code>full-size-kana</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>full-width</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("19")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>ß</code> → <code>SS</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>i</code> → <code>İ</code> and <code>ı</code>→ <code>I</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("14")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Dutch <code>IJ</code>digraph</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("14")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Greek accented letters</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>Σ</code> → <code>σ</code> or word-final <code>ς</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("14")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> - -<p>[1] The <code>capitalize</code> keyword was under-specified in CSS 1 and CSS 2.1. There were differences between browsers in the way the first letter was calculated (Firefox considered - and _ as letters, but not the others. Both Webkit and Gecko incorrectly considered letter-based symbols like <code>ⓐ</code> to be real letters. Internet Explorer 9 was the closest to the CSS 2 definition, but with some weird cases). By precisely defining the correct behavior, CSS Text Level 3 cleans this mess up. The <code>capitalize</code> line in the browser compatibility table contains the version the different engines started to support this now precisely defined behavior.</p> - -<p> </p> - -<p>/////////////////////////////////////////////////////////////////////////////////////////////////////////////////</p> - -<p> </p> +{{Compat("css.properties.text-transform")}} diff --git a/files/zh-cn/web/css/transform-box/index.html b/files/zh-cn/web/css/transform-box/index.html index b2ba704cf3..b67283c99a 100644 --- a/files/zh-cn/web/css/transform-box/index.html +++ b/files/zh-cn/web/css/transform-box/index.html @@ -62,57 +62,7 @@ transform-box: unset; <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{ CompatibilityTable }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo()}}</td> - <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td> - <td>{{CompatNo()}}</td> - <td>{{CompatNo()}}</td> - <td>{{CompatUnknown()}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatGeckoDesktop("41.0")}}<sup>[1]</sup></td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - <td>{{CompatUnknown()}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] This property is implemented in Gecko 43.0 {{geckoRelease("43")}} behind the preference <code>svg.transform-box.enabled</code>, defaulting to <code>false</code>. Initially it was implemented in Gecko 41.0 {{geckoRelease("41")}} with the preference named <code>svg.transform-origin.enabled</code>. See {{bug("923193")}} and {{bug("1208550")}}.</p> +{{Compat("css.properties.transform-box")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-cn/web/css/transition-delay/index.html b/files/zh-cn/web/css/transition-delay/index.html index 3492c90d67..8859c3b34b 100644 --- a/files/zh-cn/web/css/transition-delay/index.html +++ b/files/zh-cn/web/css/transition-delay/index.html @@ -336,59 +336,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>?特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0 {{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("2.0")}} {{property_prefix("-moz")}}<br> - {{CompatGeckoDesktop("16.0")}}</td> - <td>10.0</td> - <td>11.6 {{property_prefix("-o")}}<br> - 12.10</td> - <td>3.0 {{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>2.1 {{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoMobile("2.0")}} {{property_prefix("-moz")}}<br> - {{CompatGeckoMobile("16.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>10.0 {{property_prefix("-o")}}<br> - 12.10<sup>[1]</sup></td> - <td>3.2 {{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 详见 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">blog post about Opera 12.50</a>.</p> +{{Compat("css.properties.transition-delay")}} <h2 id="扩展阅读">扩展阅读</h2> diff --git a/files/zh-cn/web/css/transition-duration/index.html b/files/zh-cn/web/css/transition-duration/index.html index bb5d632a36..ce41084bd1 100644 --- a/files/zh-cn/web/css/transition-duration/index.html +++ b/files/zh-cn/web/css/transition-duration/index.html @@ -323,57 +323,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0 {{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoDesktop("2.0") }} {{ property_prefix("-moz") }}<br> - {{ CompatGeckoDesktop("16.0") }}</td> - <td>10.0</td> - <td>11.6 {{ property_prefix("-o") }}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>3.0 {{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>2.1 {{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoMobile("2.0") }} {{ property_prefix("-moz") }}<br> - {{ CompatGeckoMobile("16.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>10.0 {{ property_prefix("-o") }}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>3.2 {{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.transition-duration")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/transition-property/index.html b/files/zh-cn/web/css/transition-property/index.html index 36a3372c14..2753f6f3f8 100644 --- a/files/zh-cn/web/css/transition-property/index.html +++ b/files/zh-cn/web/css/transition-property/index.html @@ -75,75 +75,7 @@ transition-property: unset; <h2 id="浏览器兼容">浏览器兼容</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("2.0")}} {{property_prefix("-moz")}}<br> - {{CompatGeckoDesktop("16.0")}}</td> - <td>10</td> - <td>11.6{{property_prefix("-o")}}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td><code>IDENT value</code></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>12.10 {{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}</td> - <td>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoMobile("2.0")}} {{property_prefix("-moz")}}<br> - {{CompatGeckoMobile("16.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td><code>IDENT value</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.transition-property")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/transition-timing-function/index.html b/files/zh-cn/web/css/transition-timing-function/index.html index e01f97037c..6c84e2e9b6 100644 --- a/files/zh-cn/web/css/transition-timing-function/index.html +++ b/files/zh-cn/web/css/transition-timing-function/index.html @@ -571,58 +571,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoDesktop("2.0") }}{{ property_prefix("-moz") }}<br> - {{ CompatGeckoDesktop("16.0") }}</td> - <td>10</td> - <td>11.6{{ property_prefix("-o") }}<br> - 12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td> - <td>{{ CompatGeckoMobile("2.0") }}{{ property_prefix("-moz") }}<br> - {{ CompatGeckoMobile("16.0") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}{{ property_prefix("-webkit") }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.transition-timing-function")}} <h2 id="参考">参考</h2> diff --git a/files/zh-cn/web/css/type_selectors/index.html b/files/zh-cn/web/css/type_selectors/index.html index 5c406694e9..1375d55ca7 100644 --- a/files/zh-cn/web/css/type_selectors/index.html +++ b/files/zh-cn/web/css/type_selectors/index.html @@ -69,54 +69,6 @@ translation_of: Web/CSS/Type_selectors <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.type")}} <h2 id="See_also" name="See_also">See also</h2> diff --git a/files/zh-cn/web/css/universal_selectors/index.html b/files/zh-cn/web/css/universal_selectors/index.html index 0289c4f3e3..28f0a0ba34 100644 --- a/files/zh-cn/web/css/universal_selectors/index.html +++ b/files/zh-cn/web/css/universal_selectors/index.html @@ -72,71 +72,6 @@ translation_of: Web/CSS/Universal_selectors <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>7</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - <tr> - <td>Combination with namespace support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoDesktop("1") }}</td> - <td>9</td> - <td>8</td> - <td>1.3</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatGeckoMobile("1") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - <tr> - <td>Combination with namespace support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.universal")}} <h2 id="相关链接">相关链接</h2> diff --git a/files/zh-cn/web/css/url()/index.html b/files/zh-cn/web/css/url()/index.html index 2199ca83ed..85f9f27cc5 100644 --- a/files/zh-cn/web/css/url()/index.html +++ b/files/zh-cn/web/css/url()/index.html @@ -79,50 +79,4 @@ original_slug: Web/CSS/url <h2 id="Browser_Compatibility" name="Browser_Compatibility">浏览器兼容性</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0</td> - <td>1.0 (1.0)</td> - <td>3.0</td> - <td>3.5</td> - <td>1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>特性</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本支持</td> - <td>1.0</td> - <td>1.0 (3.5)</td> - <td>yes</td> - <td>yes</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.types.url")}} diff --git a/files/zh-cn/web/css/will-change/index.html b/files/zh-cn/web/css/will-change/index.html index 8ae9374a37..4628f932b5 100644 --- a/files/zh-cn/web/css/will-change/index.html +++ b/files/zh-cn/web/css/will-change/index.html @@ -113,52 +113,4 @@ function removeHint() { <h2 id="浏览器兼容">浏览器兼容</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatChrome(36)}}</td> - <td>{{CompatGeckoDesktop(36)}} [1]</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera(24)}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>37</td> - <td>{{CompatGeckoMobile(36)}} [1]</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在 Firefox 31 到 35 中，需要在 <code>about:config</code> 中开启 <code>layout.css.will-change.enabled</code> 选项。</p> +{{Compat("css.properties.will-change")}} diff --git a/files/zh-cn/web/css/word-spacing/index.html b/files/zh-cn/web/css/word-spacing/index.html index 914fa1a7d6..92c9872b81 100644 --- a/files/zh-cn/web/css/word-spacing/index.html +++ b/files/zh-cn/web/css/word-spacing/index.html @@ -112,50 +112,4 @@ word-spacing: inherit;</code></pre> <h2 id="Browser_compatibility" name="Browser_compatibility" style="margin: 0px 0px 20px; padding: 0px; border: 0px; word-wrap: break-word; font-family: 'Open Sans', Arial, sans-serif; line-height: 1; font-size: 2.14285714285714rem; letter-spacing: -1px; color: rgb(77, 78, 83); background-color: rgb(255, 255, 255);">Browser compatibility</h2> -<p style="margin: 0px 0px 24px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">{{ CompatibilityTable() }}</p> - -<div id="compat-desktop" style="margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);"> -<table class="compat-table" style="border-collapse: collapse; border: 1px solid transparent; margin: 0px; padding: 0px;"> - <tbody> - <tr style="margin: 0px; padding: 0px; border: 0px;"> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Feature</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Chrome</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Firefox (Gecko)</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Internet Explorer</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Opera</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Safari</th> - </tr> - <tr style="margin: 0px; padding: 0px; border: 0px;"> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">Basic support</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">1.0</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatGeckoDesktop("1.0") }}</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">6.0</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">3.5</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">1.0 (85)</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile" style="margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);"> -<table class="compat-table" style="border-collapse: collapse; border: 1px solid transparent; margin: 0px; padding: 0px;"> - <tbody> - <tr style="margin: 0px; padding: 0px; border: 0px;"> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Feature</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Android</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Firefox Mobile (Gecko)</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">IE Mobile</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Opera Mobile</th> - <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Safari Mobile</th> - </tr> - <tr style="margin: 0px; padding: 0px; border: 0px;"> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">Basic support</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td> - <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.word-spacing")}} |