diff options
| author | YujiSoftware <yuji.software+github@gmail.com> | 2022-03-02 20:01:54 +0900 |
|---|---|---|
| committer | Irvin <irvinfly@gmail.com> | 2022-03-04 01:02:45 +0800 |
| commit | c46e9da7f68bd682fc9ff1452b7fe63df1227151 (patch) | |
| tree | fe6c6e20521b16a22ec64755b88a39effd81a4d7 /files/zh-tw/web/css | |
| parent | e671353fc364cef89441d031e0e8b9300b67951b (diff) | |
| download | translated-content-c46e9da7f68bd682fc9ff1452b7fe63df1227151.tar.gz translated-content-c46e9da7f68bd682fc9ff1452b7fe63df1227151.tar.bz2 translated-content-c46e9da7f68bd682fc9ff1452b7fe63df1227151.zip | |
Migrate to Compat macro (zh-tw)
Diffstat (limited to 'files/zh-tw/web/css')
24 files changed, 19 insertions, 1525 deletions
diff --git a/files/zh-tw/web/css/@font-face/index.html b/files/zh-tw/web/css/@font-face/index.html index ef31a61619..d40fb8f249 100644 --- a/files/zh-tw/web/css/@font-face/index.html +++ b/files/zh-tw/web/css/@font-face/index.html @@ -122,117 +122,7 @@ translation_of: Web/CSS/@font-face <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("1.9.1")}}</td> - <td>4.0</td> - <td>4.0</td> - <td>10.0</td> - <td>3.1</td> - </tr> - <tr> - <td><a href="/en-US/docs/WOFF" title="About_WOFF">WOFF</a></td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td>6.0</td> - <td>9.0</td> - <td>11.10</td> - <td>5.1</td> - </tr> - <tr> - <td>SVG 字型</td> - <td>{{CompatNo}}<br> - {{unimplemented_inline(119490)}}</td> - <td>有</td> - <td>{{CompatNo}}</td> - <td>有</td> - <td>有</td> - </tr> - <tr> - <td><code>unicode-range</code></td> - <td> - <p>yes <span style="line-height: 1.572;">({{bug(443976)}})</span></p> - </td> - <td>有</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>功能特色</th> - <th>Android</th> - <th>Firefox 行動版 (Gecko)</th> - <th>IE 行動版</th> - <th>Opera Mini</th> - <th>Opera 行動版</th> - <th>Safari 行動版</th> - </tr> - <tr> - <td>基本支援</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.9.1")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>10.0</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td>WOFF</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("5.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>11.0</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>SVG 字型</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}<br> - {{unimplemented_inline(119490)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>10.0</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code>unicode-range</code></td> - <td> </td> - <td> </td> - <td> </td> - <td> </td> - <td> </td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="注意事項_2">注意事項</h3> - -<ul> - <li>Support of the Embedded OpenType font format is not included in the compatibility table because it is a proprietary feature. Prior to IE 9.0, IE supported only this format.</li> - <li>TrueType and OpenType are not included because they are superseded by WOFF.</li> -</ul> +{{Compat("css.at-rules.font-face")}} <h2 id="詳見">詳見</h2> diff --git a/files/zh-tw/web/css/@media/height/index.html b/files/zh-tw/web/css/@media/height/index.html index cb15e99e80..9d556e3e45 100644 --- a/files/zh-tw/web/css/@media/height/index.html +++ b/files/zh-tw/web/css/@media/height/index.html @@ -26,52 +26,4 @@ translation_of: Web/CSS/@media/height <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>{{ 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>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> </p> +{{Compat("css.at-rules.media.height")}} diff --git a/files/zh-tw/web/css/@media/index.html b/files/zh-tw/web/css/@media/index.html index 08ca289860..9f739a1e7f 100644 --- a/files/zh-tw/web/css/@media/index.html +++ b/files/zh-tw/web/css/@media/index.html @@ -263,111 +263,7 @@ translation_of: Web/CSS/@media <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 (<code>all</code>, <code>print</code>, <code>screen</code>)</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoDesktop(1.7) }}</td> - <td>6.0</td> - <td>9.2</td> - <td>1.3</td> - </tr> - <tr> - <td><code>speech</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>9.2</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Media features</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoDesktop(1.7) }}</td> - <td>9.0</td> - <td>9.2</td> - <td>1.3</td> - </tr> - <tr> - <td><code>display-mode</code> media feature</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{ CompatGeckoDesktop(47) }}</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 Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support (<code>all</code>, <code>print</code>, <code>screen</code>)</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoMobile(1.7) }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>9.0</td> - <td>3.1</td> - </tr> - <tr> - <td><code>speech</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>9.0</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Media features</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{ CompatGeckoMobile(1.7) }}</td> - <td>{{CompatVersionUnknown}}</td> - <td>9.0</td> - <td>3.1</td> - </tr> - <tr> - <td><code>display-mode</code> media feature</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.at-rules.media")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-tw/web/css/@viewport/index.html b/files/zh-tw/web/css/@viewport/index.html index 7e55775592..8bcb7a184d 100644 --- a/files/zh-tw/web/css/@viewport/index.html +++ b/files/zh-tw/web/css/@viewport/index.html @@ -91,66 +91,8 @@ translation_of: Web/CSS/@viewport <h2 id="Browser_compatibility">Browser compatibility</h2> -<p>{{CompatibilityTable}}</p> +{{Compat("css.at-rules.viewport")}} -<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>29 (behind a flag) [4]</td> - <td>{{CompatNo()}} [2]</td> - <td>10 {{property_prefix("-ms")}}</td> - <td>11.10<br> - Removed in 15<br> - Reintroduced behind a flag in 16</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>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>4.4</td> - <td>29</td> - <td>{{CompatNo}} [2]</td> - <td>10{{property_prefix("-ms")}}[1]</td> - <td>11.10<br> - Removed in 15<br> - Reintroduced behind a flag in 16</td> - <td>{{CompatNo}} [3]</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] There is a bug in IE Mobile 10 on older versions of Windows Phone 8, where <code>device-width</code>, when used within <code>@-ms-viewport</code>, evaluates to the screen width in physical pixels rather than normalized CSS pixels, which is wrong according to the specification. However, when used within a <code>viewport</code> {{HTMLElement("meta")}} tag, <code>device-width</code> evaluates correctly. According to Microsoft, this bug was fixed in <a href="http://blogs.windows.com/windows_phone/b/wpdev/archive/2013/10/14/introducing-windows-phone-preview-for-developers.aspx">Windows Phone 8 Update 3 (a.k.a. GDR3)</a>, although there are some reports that the <a href="http://www.nokia.com/us-en/windows-phone-black-update/">Lumia Black</a> GDR3 update did not fix the bug (at least on the Lumia 920). For more details and a workaround, <a href="http://timkadlec.com/2013/01/windows-phone-8-and-device-width/">see Tim Kadlec's blog post "Windows Phone 8 and Device-Width"</a>.</p> - -<p>[2]: See {{bug(747754, 'summary')}}</p> - -<p>[3]: See {{webkitbug(95959)}}</p> -<p>[4]: See <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=235457">Chromium issue #235457: Enable @viewport on all platforms</a></p> <h2 id="See_also">See also</h2> <ul> diff --git a/files/zh-tw/web/css/_colon_first-child/index.html b/files/zh-tw/web/css/_colon_first-child/index.html index 65abddd20b..7ab1d988ac 100644 --- a/files/zh-tw/web/css/_colon_first-child/index.html +++ b/files/zh-tw/web/css/_colon_first-child/index.html @@ -94,55 +94,7 @@ li:first-child{ <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>4.0</td> - <td>{{CompatGeckoDesktop("1.9")}}</td> - <td>7<sup>[1]</sup></td> - <td>9.5</td> - <td>4</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>1.0</td> - <td>{{CompatGeckoMobile("1.9.1")}}</td> - <td>7<sup>[1]</sup></td> - <td>10.0</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] 在不重新載入網頁的情況下，Internet Explorer 7 的樣式表並不會套用在動態新增的元素上。在 Internet Explorer 8，若元素是以點擊連結而形成的，則 <code>first-child</code> 在該連結不被選取後才有作用。</p> +{{Compat("css.selectors.first-child")}} <h2 id="參見">參見</h2> diff --git a/files/zh-tw/web/css/_colon_first-of-type/index.html b/files/zh-tw/web/css/_colon_first-of-type/index.html index fc44997bcc..cc234b0d3a 100644 --- a/files/zh-tw/web/css/_colon_first-of-type/index.html +++ b/files/zh-tw/web/css/_colon_first-of-type/index.html @@ -100,57 +100,7 @@ p:first-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>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>{{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>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>2.1</td> - <td>{{CompatVersionUnknown}}</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.first-of-type")}} <h2 id="參見">參見</h2> diff --git a/files/zh-tw/web/css/_colon_target/index.html b/files/zh-tw/web/css/_colon_target/index.html index 74d1767fb9..cc9c490d09 100644 --- a/files/zh-tw/web/css/_colon_target/index.html +++ b/files/zh-tw/web/css/_colon_target/index.html @@ -220,53 +220,7 @@ div.lightbox figure .closemsg, div.lightbox figure figcaption { <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.3")}}</td> - <td>9</td> - <td>9.5</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>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.3")}}</td> - <td>9.0</td> - <td>9.5</td> - <td>2.0</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.selectors.target")}} <h2 id="參見">參見</h2> diff --git a/files/zh-tw/web/css/_doublecolon_first-letter/index.html b/files/zh-tw/web/css/_doublecolon_first-letter/index.html index b9d4c7a6f9..3dfbaed192 100644 --- a/files/zh-tw/web/css/_doublecolon_first-letter/index.html +++ b/files/zh-tw/web/css/_doublecolon_first-letter/index.html @@ -119,85 +119,7 @@ translation_of: 'Web/CSS/::first-letter' <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-tw/web/css/box-shadow/index.html b/files/zh-tw/web/css/box-shadow/index.html index 7ec9fe5121..aef1b3fe8f 100644 --- a/files/zh-tw/web/css/box-shadow/index.html +++ b/files/zh-tw/web/css/box-shadow/index.html @@ -112,117 +112,4 @@ box-shadow: 3px 3px red, -1em 0 0.4em olive; <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<sup>[1]</sup><br> - 1.0{{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("2.0")}}<sup>[3]</sup><br> - {{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}</td> - <td>9.0<sup>[2]</sup></td> - <td>10.5<sup>[1]</sup></td> - <td>5.1<sup>[1]</sup><br> - 3.0 {{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>Multiple shadows</td> - <td>10.0<br> - 1.0{{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("2.0")}}<br> - {{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}</td> - <td>9.0</td> - <td>10.5</td> - <td>5.1<br> - 3.0 {{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td><code>inset</code> keyword</td> - <td>10.0<br> - 4.0{{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("2.0")}}<br> - {{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}</td> - <td>9.0</td> - <td>10.5</td> - <td>5.1<br> - 5.0 {{property_prefix("-webkit")}}</td> - </tr> - <tr> - <td>Spread radius</td> - <td>10.0<br> - 4.0{{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoDesktop("2.0")}}<br> - {{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}</td> - <td>9.0</td> - <td>10.5</td> - <td>5.1<br> - 5.0 {{property_prefix("-webkit")}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Safari Mobile</th> - <th>Opera Mini</th> - <th>Opera Mobile</th> - <th>Android</th> - </tr> - <tr> - <td>Basic support</td> - <td> - <p>5.0<sup>[1]</sup><br> - {{CompatVersionUnknown }}{{ property_prefix("-webkit")}}</p> - </td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown }}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown }}{{property_prefix("-webkit")}}<sup>[1]</sup></td> - </tr> - <tr> - <td>Multiple shadows</td> - <td>5.0<br> - {{CompatVersionUnknown }}{{ property_prefix("-webkit")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>inset</code> keyword</td> - <td>5.0<br> - {{CompatVersionUnknown }}{{ property_prefix("-webkit")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>Spread radius</td> - <td>5.0<br> - {{CompatVersionUnknown }}{{ property_prefix("-webkit")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Shadows affect layout in older Gecko, Presto, and WebKit; e.g. if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, you'll see a scrollbar.</p> - -<p>[2] Since version 5.5, Internet Explorer supports Microsoft's <a href="http://msdn.microsoft.com/en-us/library/ms532985%28VS.85,loband%29.aspx">DropShadow</a> and <a href="http://msdn.microsoft.com/en-us/library/ms533086%28VS.85,loband%29.aspx">Shadow</a> Filter. You can use this proprietary extension to cast a drop shadow (though the syntax and the effect are different from CSS3). In order to get <code>box-shadow</code> in IE9 or later, you need to set {{cssxref("border-collapse")}} to <code>separate</code>.</p> - -<p>[3] Gecko 13 {{geckoRelease(13)}} removed support for <code>-moz-box-shadow</code>. Since then, only the unprefixed version is supported. Shadows affect layout in older Gecko, Presto, and WebKit; e.g. if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, you'll see a scrollbar.</p> +{{Compat("css.properties.box-shadow")}} diff --git a/files/zh-tw/web/css/clip/index.html b/files/zh-tw/web/css/clip/index.html index 914393a72a..1c5045f285 100644 --- a/files/zh-tw/web/css/clip/index.html +++ b/files/zh-tw/web/css/clip/index.html @@ -116,55 +116,7 @@ clip: 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>1.0 (1.0)</td> - <td>4.0[1]</td> - <td>7.0</td> - <td>1.0 (85)[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 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] Internet Explorer up to version 7.0 and Safari up to at least 5.1.7 incorrectly interpret <code>clip: auto</code> as <code>clip: rect(auto, auto, auto, auto)</code>.</p> +{{Compat("css.properties.clip")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-tw/web/css/css_animations/index.html b/files/zh-tw/web/css/css_animations/index.html index 7c953b2359..98e4d064d0 100644 --- a/files/zh-tw/web/css/css_animations/index.html +++ b/files/zh-tw/web/css/css_animations/index.html @@ -70,62 +70,7 @@ translation_of: Web/CSS/CSS_Animations <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")}}<br> - 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<sup>[2]</sup></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")}} [1]<br> - 4.0 {{property_prefix("-webkit")}}</td> - <td>{{CompatGeckoMobile("5.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> - -<p>[1] Partial support: {{cssxref("animation-fill-mode")}} property is not supported in Android browser below 2.3.</p> - -<p>[2] See the <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">release notes to Opera 12.50</a>.</p> +{{Compat("css.properties.animation")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-tw/web/css/css_backgrounds_and_borders/index.html b/files/zh-tw/web/css/css_backgrounds_and_borders/index.html index 4bc3289fce..50e695f1e0 100644 --- a/files/zh-tw/web/css/css_backgrounds_and_borders/index.html +++ b/files/zh-tw/web/css/css_backgrounds_and_borders/index.html @@ -103,52 +103,4 @@ original_slug: Web/CSS/CSS_Background_and_Borders </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</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-tw/web/css/css_box_model/index.html b/files/zh-tw/web/css/css_box_model/index.html index cb4dd91343..e38887fa8d 100644 --- a/files/zh-tw/web/css/css_box_model/index.html +++ b/files/zh-tw/web/css/css_box_model/index.html @@ -116,52 +116,4 @@ translation_of: Web/CSS/CSS_Box_Model </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>{{CompatGeckoDesktop("1")}}</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 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>6.0</td> - <td>6.0</td> - <td>1.0</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html b/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html index 0ef6f2abf0..351313a975 100644 --- a/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html +++ b/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html @@ -284,98 +284,7 @@ original_slug: Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes <p>Page breaks are possible in flexible boxes layout as long as <code>break-</code> property allows it. CSS3 <code>break-after</code>, <code>break-before</code>, and <code>break-inside</code> as well as CSS 2.1 <code>page-break-before</code>, <code>page-break-after</code>, and <code>page-break-inside</code> properties are accepted on a flex container, flex items, and inside flex items.</p> -<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 (single-line flexbox)</td> - <td>{{CompatGeckoDesktop("18.0")}}<sup>[6]</sup>{{property_prefix("-moz")}}<sup>[2]</sup><br> - {{CompatGeckoDesktop("22.0")}}</td> - <td>21.0{{property_prefix("-webkit")}}<br> - 29.0</td> - <td>11<sup>[3]</sup></td> - <td>12.10{{property_prefix("-webkit")}}<sup>[5]</sup></td> - <td>6.1{{property_prefix("-webkit")}}<sup>[1]</sup></td> - </tr> - <tr> - <td>Multi-line flexbox</td> - <td>{{CompatGeckoDesktop("28.0")}}</td> - <td>21.0{{property_prefix("-webkit")}}<br> - 29.0</td> - <td>11<sup>[3]</sup></td> - <td>12.10<sup>[5]</sup><br> - 15 {{property_prefix("-webkit")}}</td> - <td>6.1{{property_prefix("-webkit")}}<sup>[1]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support (single-line flexbox)</td> - <td>{{CompatGeckoMobile("18.0")}}{{property_prefix("-moz")}}<sup>[2]</sup><br> - {{CompatGeckoMobile("22.0")}}</td> - <td> - <p>1.0{{property_prefix("-moz")}}<sup>[2]</sup><br> - 1.1</p> - </td> - <td>2.1{{property_prefix("-webkit")}}<sup>[4]</sup><br> - 4.4</td> - <td>11</td> - <td>12.10<sup>[5]</sup><br> - 15{{property_prefix("-webkit")}}</td> - <td>7{{property_prefix("-webkit")}}<sup>[1]</sup></td> - </tr> - <tr> - <td>Multi-line flexbox</td> - <td>{{CompatGeckoMobile("28.0")}}</td> - <td>1.3</td> - <td>2.1{{property_prefix("-webkit")}}<sup>[4]</sup><br> - 4.4</td> - <td>11</td> - <td>12.10<sup>[5]</sup><br> - 15{{property_prefix("-webkit")}}</td> - <td>7{{property_prefix("-webkit")}}<sup>[1]</sup></td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Safari up to version 6.0 (iOS.1) supported an old incompatible draft version of the specification. Safari 6.1 (and Safari on iOS 7) has been updated to support the final version.</p> - -<p>[2] Up to Firefox 22, to activate flexbox support, the user has to change the <code>about:config</code> preference <code>layout.css.flexbox.enabled</code> to <code>true</code>. From Firefox 22 to Firefox 27, the preference is <code>true</code> by default, but the preference has been removed in Firefox 28.</p> - -<p>[3] Internet Explorer 10 supports an old incompatible draft version of the specification; Internet Explorer 11 <a href="http://msdn.microsoft.com/en-us/library/ie/dn265027%28v=vs.85%29.aspx">has been updated</a> to support the final version.</p> - -<p>[4] Android browser up to 4.3 supported an old incompatible draft version of the specification. Android 4.4 has been updated to support the final version.</p> - -<p>[5] While in the initial implementation in Opera 12.10 <code>flexbox</code> was not prefixed, it got prefixed in versions 15 to 16 of Opera and 15 to 19 of Opera Mobile with {{property_prefix("-webkit")}}. The prefix was removed again in Opera 17 and Opera Mobile 24.</p> - -<p>[6] Up to Firefox 29, specifying <code>visibility: collapse</code> on a flex item causes it to be treated as if it were <code>display: none</code> instead of the intended behavior, treating it as if it were <code>visibility: hidden</code>. The suggested workaround is to use <code>visibility:hidden</code> for flex items that should behave as if they were designated <code>visibility:collapse</code>. For more information, see {{bug(783470)}}.</p> + <h2 id="參見">參見</h2> diff --git a/files/zh-tw/web/css/css_lists_and_counters/index.html b/files/zh-tw/web/css/css_lists_and_counters/index.html index 08b7fc4bcf..5390dcb1b8 100644 --- a/files/zh-tw/web/css/css_lists_and_counters/index.html +++ b/files/zh-tw/web/css/css_lists_and_counters/index.html @@ -76,52 +76,4 @@ translation_of: Web/CSS/CSS_Lists_and_Counters </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 (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatGeckoDesktop("1")}}</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 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-tw/web/css/css_positioning/index.html b/files/zh-tw/web/css/css_positioning/index.html index 0fe6fd55d0..9768ac0388 100644 --- a/files/zh-tw/web/css/css_positioning/index.html +++ b/files/zh-tw/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>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>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-tw/web/css/css_transitions/index.html b/files/zh-tw/web/css/css_transitions/index.html index 30fb2738c2..56ad0eae97 100644 --- a/files/zh-tw/web/css/css_transitions/index.html +++ b/files/zh-tw/web/css/css_transitions/index.html @@ -47,61 +47,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>Basic support</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>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> <h2 id="參見">參見</h2> diff --git a/files/zh-tw/web/css/css_transitions/using_css_transitions/index.html b/files/zh-tw/web/css/css_transitions/using_css_transitions/index.html index ad2277bb19..59d1ec957b 100644 --- a/files/zh-tw/web/css/css_transitions/using_css_transitions/index.html +++ b/files/zh-tw/web/css/css_transitions/using_css_transitions/index.html @@ -304,68 +304,8 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions } </pre> <p> 這裡的機制很簡單，我們找到 "slideLeft" 而後將他改變成 "slideRight"，接著動畫便結束。倘若此時並沒有 "slideLeft"，就表示已在右端點，於是執行反向動作。</p> - <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("2") }}</td> - <td>10</td> - <td>10.5</td> - <td>3.2</td> - </tr> - <tr> - <td>Property</td> - <td><code>-webkit-transition</code></td> - <td><code>-moz-transition</code></td> - <td><code>-ms-transition</code></td> - <td><code>-o-transition</code></td> - <td><code>-webkit-transition</code></td> - </tr> - <tr> - <td>Transition ended event</td> - <td><code>webkitTransitionEnd</code></td> - <td><code>transitionend</code></td> - <td><code>MSTransitionEnd</code></td> - <td><code>oTransitionEnd</code></td> - <td><code>webkitTransitionEnd</code></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>{{ CompatGeckoMobile("2") }}</td> - <td>{{ CompatUnknown() }}</td> - <td>10</td> - <td>3.2</td> - </tr> - </tbody> - </table> - </div> + + <h2 id="更多資訊">更多資訊</h2> <ul> <li><a class="external" href="http://dev.w3.org/csswg/css3-transitions/">CSS Transitions</a></li> diff --git a/files/zh-tw/web/css/descendant_combinator/index.html b/files/zh-tw/web/css/descendant_combinator/index.html index 6fe82cfc8d..38752eafab 100644 --- a/files/zh-tw/web/css/descendant_combinator/index.html +++ b/files/zh-tw/web/css/descendant_combinator/index.html @@ -72,50 +72,4 @@ div span { background-color: DodgerBlue; } <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>{{ 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>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.descendant")}} diff --git a/files/zh-tw/web/css/height/index.html b/files/zh-tw/web/css/height/index.html index 4fd044b518..17d4fb9a09 100644 --- a/files/zh-tw/web/css/height/index.html +++ b/files/zh-tw/web/css/height/index.html @@ -151,81 +151,7 @@ height: unset; <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.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1")}}</td> - <td>4.0</td> - <td>7.0</td> - <td>1.0</td> - </tr> - <tr> - <td><code>fill</code>, <code>fit-content</code>, <code>min-content</code>, <code>max-content</code></td> - <td>{{CompatChrome(46.0)}}</td> - <td>{{CompatUnknown}}</td> - <td> </td> - <td> </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>Android Webview</th> - <th>Edge</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>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1")}}</td> - <td>6.0</td> - <td>6.0</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code>fill</code>, <code>fit-content</code>, <code>min-content</code>, <code>max-content</code></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatChrome(46.0)}}</td> - <td>{{CompatUnknown}}</td> - <td> </td> - <td> </td> - <td> </td> - <td> </td> - <td>{{CompatChrome(46.0)}}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.height")}} <h2 id="See_also">See also</h2> diff --git a/files/zh-tw/web/css/media_queries/index.html b/files/zh-tw/web/css/media_queries/index.html index 41339e07bc..bcdc4c7da3 100644 --- a/files/zh-tw/web/css/media_queries/index.html +++ b/files/zh-tw/web/css/media_queries/index.html @@ -61,52 +61,4 @@ translation_of: Web/CSS/Media_Queries </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.7)}}</td> - <td>9.0</td> - <td>9.2</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>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.7)}}</td> - <td>9.0</td> - <td>9.0</td> - <td>3.1</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-tw/web/css/media_queries/testing_media_queries/index.html b/files/zh-tw/web/css/media_queries/testing_media_queries/index.html index 5c61c6483f..00d72d378f 100644 --- a/files/zh-tw/web/css/media_queries/testing_media_queries/index.html +++ b/files/zh-tw/web/css/media_queries/testing_media_queries/index.html @@ -58,53 +58,7 @@ handleOrientationChange(mql); <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>9</td> - <td>{{CompatGeckoDesktop("6.0") }}</td> - <td>10</td> - <td>12.1</td> - <td>5.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>3.0</td> - <td>{{CompatUnknown}}</td> - <td>10</td> - <td>12.1</td> - <td>5</td> - </tr> - </tbody> -</table> -</div> +{{Compat("api.MediaQueryList")}} <h2 id="See_also" name="See_also"> </h2> diff --git a/files/zh-tw/web/css/object-fit/index.html b/files/zh-tw/web/css/object-fit/index.html index b2708e1a09..c567cd3eb5 100644 --- a/files/zh-tw/web/css/object-fit/index.html +++ b/files/zh-tw/web/css/object-fit/index.html @@ -160,55 +160,7 @@ img { <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</th> - </tr> - <tr> - <td>Basic support</td> - <td>31.0</td> - <td>{{ CompatGeckoDesktop("36") }}</td> - <td>{{CompatNo}}</td> - <td>11.60{{ property_prefix("-o") }}<br> - 19.0</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>4.4.4</td> - <td>{{ CompatGeckoDesktop("36") }}</td> - <td>{{CompatNo}}</td> - <td>11.5{{ property_prefix("-o") }}<br> - 24</td> - <td>{{ CompatVersionUnknown }}</td> - </tr> - </tbody> -</table> -</div> +{{Compat("css.properties.object-fit")}} <h2 id="See_also" name="See_also">See also</h2> diff --git a/files/zh-tw/web/css/white-space/index.html b/files/zh-tw/web/css/white-space/index.html index ec061e754b..b296361a2d 100644 --- a/files/zh-tw/web/css/white-space/index.html +++ b/files/zh-tw/web/css/white-space/index.html @@ -327,96 +327,7 @@ select.addEventListener("change", function(e) { <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 (<code>normal</code> and <code>nowrap</code>)</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>5.5<sup>[1]</sup></td> - <td>4.0</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td><code>pre</code></td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>1.0</td> - <td>6.0</td> - <td>4.0</td> - <td>1.0 (85)</td> - </tr> - <tr> - <td><code>pre-wrap</code></td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<br> - {{CompatGeckoDesktop("1.9")}}</td> - <td>8.0</td> - <td>8.0</td> - <td>3.0 (522)</td> - </tr> - <tr> - <td><code>pre-line</code></td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td>8.0</td> - <td>9.5</td> - <td>3.0 (522)</td> - </tr> - <tr> - <td>Support on <code><textarea></code></td> - <td>1.0</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("36")}}</td> - <td>5.5</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>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> - -<p>[1] Internet Explorer 5.5+ supports {{Cssxref("word-wrap")}}<code>: break-word;</code>.</p> +{{Compat("css.properties.white-space")}} <h2 id="See_also">See also</h2> |