diff options
Diffstat (limited to 'files/zh-cn/web/css')
| -rw-r--r-- | files/zh-cn/web/css/-moz-binding/index.html | 114 | ||||
| -rw-r--r-- | files/zh-cn/web/css/-moz-border-bottom-colors/index.html | 131 | ||||
| -rw-r--r-- | files/zh-cn/web/css/-ms-overflow-style/index.html | 50 | ||||
| -rw-r--r-- | files/zh-cn/web/css/_doublecolon_-ms-check/index.html | 169 | ||||
| -rw-r--r-- | files/zh-cn/web/css/_doublecolon_-ms-clear/index.html | 22 | ||||
| -rw-r--r-- | files/zh-cn/web/css/overflow-clip-box/index.html | 81 |
6 files changed, 0 insertions, 567 deletions
diff --git a/files/zh-cn/web/css/-moz-binding/index.html b/files/zh-cn/web/css/-moz-binding/index.html deleted file mode 100644 index 5a26aec3c2..0000000000 --- a/files/zh-cn/web/css/-moz-binding/index.html +++ /dev/null @@ -1,114 +0,0 @@ ---- -title: '-moz-binding' -slug: Web/CSS/-moz-binding -tags: - - CSS - - CSS参考 - - NeedsBrowserCompatibility - - NeedsUpdate - - XBL - - 不规范的 -translation_of: Archive/Web/CSS/-moz-binding ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p><strong><code>-moz-binding</code></strong> 属性被基于 Mozilla 的应用程序用于附加 <a href="/zh-CN/docs/XBL">XBL</a> 绑定到 DOM 元素。</p> - -<p>{{cssinfo}}</p> - -<h2 id="语法">语法</h2> - -<pre class="brush:css">/* <uri> value */ --moz-binding: url(http://www.example.org/xbl/htmlBindings.xml#checkbox); - -/* Global values */ --moz-binding: inherited; --moz-binding: initial; --moz-binding: unset; -</pre> - -<h3 id="取值">取值</h3> - -<dl> - <dt><uri></dt> - <dd>The URI for the XBL binding (including the fragment identifier).</dd> - <dt><code>none</code></dt> - <dd>No XBL binding is applied to the element.</dd> -</dl> - -<h3 id="正式语法">正式语法</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="示例">示例</h2> - -<pre class="brush: css">.exampleone { - -moz-binding: url(http://www.example.org/xbl/htmlBindings.xml#radiobutton); -}</pre> - -<h2 id="规范">规范</h2> - -<p>Not part of any specification.</p> - -<h2 id="浏览器兼容性">浏览器兼容性</h2> - -<div class="bc-old"> -<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>{{CompatVersionUnknown}}</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>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>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p id="compatNote_1">1. XBL is deprecated and being removed (See {{bug(1397874)}}).</p> - -<h2 id="参见">参见</h2> - -<ul> - <li><a href="/en-US/docs/XBL/XBL_1.0_Reference/Binding_Attachment_and_Detachment">XBL 参考文档：绑定的固定与脱离</a></li> - <li><a href="/en-US/docs/Mozilla/Tech/XUL/Tutorial/Introduction_to_XBL">XUL 教程：XBL 简介</a></li> -</ul> -</div> diff --git a/files/zh-cn/web/css/-moz-border-bottom-colors/index.html b/files/zh-cn/web/css/-moz-border-bottom-colors/index.html deleted file mode 100644 index b5f5ca73d6..0000000000 --- a/files/zh-cn/web/css/-moz-border-bottom-colors/index.html +++ /dev/null @@ -1,131 +0,0 @@ ---- -title: '-moz-border-bottom-colors' -slug: Web/CSS/-moz-border-bottom-colors -translation_of: Archive/Web/CSS/-moz-border-bottom-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>在Mozilla Firefox中, the <code>-moz-border-bottom-colors</code> CSS 属性的作用是给元素添加下边框的颜色。</p> - -<p>When an element has a border that is larger than a single CSS pixel, each line of pixels uses the next color specified in this property, from the outside in. This eliminates the need for nested boxes. If the border is wider than the number of specified colors, the remaining part of the border is the innermost color specified.</p> - -<p>{{cssinfo}}</p> - -<p>It does not apply</p> - -<ol> - <li>if {{Cssxref("border-style")}} is <code>dashed</code> or <code>dotted</code>.</li> - <li>to tables with <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntax">Syntax</h2> - -<pre class="brush:css">/* Single <color> value */ --moz-border-bottom-colors: #f0f0f0; - -/* Multiple <color> values */ --moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Global values */ --moz-border-bottom-colors: inherit; --moz-border-bottom-colors: initial; --moz-border-bottom-colors: unset; -</pre> - -<h3 id="Values(属性值)">Values(属性值)</h3> - -<p>Accepts a white-space separated list of color values.</p> - -<dl> - <dt><颜色></dt> - <dd>Specifies the color of a line of pixels of the bottom border. <code>transparent</code> is valid. See {{cssxref("<color>")}} values for possible units.</dd> - <dt>none</dt> - <dd>Default, no colors are drawn or {{cssxref("border-color")}} is used, if specified.</dd> -</dl> - -<h3 id="Formal_syntax">Formal syntax</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Example">Example</h2> - -<pre class="brush:html"><div id="example">Example</div> -</pre> - -<pre class="brush:css">#example { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -} -</pre> - -<p>{{EmbedLiveSample("Example", 120, 90)}}</p> - -<h2 id="Specifications">Specifications</h2> - -<p>This property is not part of any specification.</p> - -<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("1.7")}}</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>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>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also">See also</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{Cssxref("-moz-border-right-colors")}}</li> - <li>{{Cssxref("-moz-border-top-colors")}}</li> - <li>{{Cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/zh-cn/web/css/-ms-overflow-style/index.html b/files/zh-cn/web/css/-ms-overflow-style/index.html deleted file mode 100644 index 895b1cf043..0000000000 --- a/files/zh-cn/web/css/-ms-overflow-style/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: '-ms-overflow-style' -slug: Web/CSS/-ms-overflow-style -tags: - - CSS - - CSS属性 - - 参考 -translation_of: Archive/Web/CSS/-ms-overflow-style ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<div></div> - -<p><strong><code>-ms-overflow-style</code></strong> 的<a href="/en-US/docs/Web/CSS">CSS</a> 属性是一个 <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft extension</a> 用于控制元素内容溢出时滚动条的行为。</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntax" name="Syntax">语法</h2> - -<h3 id="Values" name="Values">Values</h3> - -<dl> - <dt><code>auto</code></dt> - <dt> 初始值等同于<code>inherit</code>.</dt> - <dd></dd> - <dt><code>none</code></dt> - <dd>永远不会显示滚动条，但是如果元素的内容溢出，仍然可以滚动元素。</dd> - <dt><code>scrollbar</code></dt> - <dd>如果元素的内容溢出，则显示“传统”滚动条。“传统的”滚动条不会自动隐藏，也不会覆盖元素的内容。因此，内容的布局区域的大小将通过滚动条的宽度(垂直滚动条)或高度(水平滚动条)来减少。</dd> - <dt><code>-ms-autohiding-scrollbar</code></dt> - <dd>如果元素的内容溢出，则使用自动隐藏滚动条。自动隐藏滚动条在滚动期间或指针与页面交互后不久显示，在滚动和指针交互停止后不久隐藏。当它们可见时，自动隐藏的滚动条会覆盖元素的内容。</dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">语法形式</h3> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">说明书</h2> - -<p>不是任何规范的一部分</p> - -<h2 id="另请参阅">另请参阅</h2> - -<ul> - <li>{{CSSxRef("scrollbar-width")}}</li> - <li>{{CSSxRef("::-webkit-scrollbar")}}</li> -</ul> diff --git a/files/zh-cn/web/css/_doublecolon_-ms-check/index.html b/files/zh-cn/web/css/_doublecolon_-ms-check/index.html deleted file mode 100644 index 6ebbdb1ea4..0000000000 --- a/files/zh-cn/web/css/_doublecolon_-ms-check/index.html +++ /dev/null @@ -1,169 +0,0 @@ ---- -title: '::-ms-check' -slug: 'Web/CSS/::-ms-check' -translation_of: 'Archive/Web/CSS/::-ms-check' ---- -<div>{{CSSRef}}</div> - -<div>{{non-standard_header}}</div> - -<div> </div> - -<p><strong><code>::-ms-check这个css伪类是微软扩展的用以表达</code></strong> checkboxes 和 radio 的勾选状态，其中 checkboxes 和 radio分别通过 <a href="/en-US/docs/Web/HTML/Element/input/checkbox"><input type="checkbox"></a> 和 <a href="/en-US/docs/Web/HTML/Element/input/radio"><input type="radio"></a>创建</p> - -<p>只有IE浏览器和微软Edge浏览器支持该伪类。</p> - -<h2 id="Allowable_properties" name="Allowable_properties">属性支持性</h2> - -<p>只有以下css属性可以在选择器里使用 <code>::-ms-check</code> 伪类. 其他属性会被自动忽略</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (values <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntax" name="Syntax">语法</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Example" name="Example">例子</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><form> - <label for="redButton">Red</label> - <input type="radio" id="redButton"><br> - <label for="greenCheckbox">Green</label> - <input type="checkbox" id="greenCheckbox"> -</form></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input, label { - display: inline; -} - -input[type=radio]::-ms-check { - border-color: red; /* This will make the border red when the button is checked. */ - color: red; /* This will make the circle red when the button is checked. */ -} - -input[type=checkbox]::-ms-check { - border-color: green; /* This will make the box green when the button is checked. */ - color: green; /* This will make the checkmark green when the button is checked. */ -} -</pre> - -<h3 id="结果">结果</h3> - -<p>可以尝试下面的例子， 左边的截屏显示当用户不在ie浏览器或Edge浏览器上运行时勾选上按钮时的情况</p> - -<p>{{ EmbedLiveSample('Examples', '', '', 'https://mdn.mozillademos.org/files/15814/ie11-example.PNG', 'Web/CSS/::-ms-check') }}</p> - -<h2 id="Specifications" name="Specifications">详述</h2> - -<p>无</p> - -<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>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>10.0</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>Firefox Mobile (Gecko)</th> - <th>Firefox OS</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>iOS WebKit</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> diff --git a/files/zh-cn/web/css/_doublecolon_-ms-clear/index.html b/files/zh-cn/web/css/_doublecolon_-ms-clear/index.html deleted file mode 100644 index ef01ab3b21..0000000000 --- a/files/zh-cn/web/css/_doublecolon_-ms-clear/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: '::-ms-clear' -slug: 'Web/CSS/::-ms-clear' -translation_of: 'Archive/Web/CSS/::-ms-clear' ---- -<div>{{ CSSRef() }}</div> - -<p>{{ Non-standard_header() }}</p> - -<h3 id="概述">概述</h3> - -<p><strong><code>::-ms-clear</code></strong> CSS <a href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">伪元素</a> 代表文本输入框 {{HTMLElement("input")}} 边缘的一个按钮（清除按钮），用于清除文本框 {{HTMLElement("input")}} 的当前值。这个按钮和伪元素是不标准的，目前只有Internet Explorer 10+可用，需要带上前缀。只有文本框 {{HTMLElement("input")}} 聚焦且非空的情况下该按钮才会出现。</p> - -<h3 id="Specification" name="Specification">规范</h3> - -<p>不属于任何规范。</p> - -<p>微软在MSDN上有 <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx">一篇描述</a> 。</p> - -<h3 id="Bugs">Bugs</h3> - -<p>在设置了 {{cssxref("text-align")}}<code>: right 的文本框</code> {{HTMLElement("input")}} 中，如果清除按钮出现，则会裁剪文本框右侧边缘的内容。解决方案是使用 {{cssxref("display")}}<code>: none 隐藏该按钮。详情见</code> <a href="https://connect.microsoft.com/IE/feedback/details/776537">IE bug 776537</a> 。</p> diff --git a/files/zh-cn/web/css/overflow-clip-box/index.html b/files/zh-cn/web/css/overflow-clip-box/index.html deleted file mode 100644 index fdef49313b..0000000000 --- a/files/zh-cn/web/css/overflow-clip-box/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: overflow-clip-box -slug: Web/CSS/overflow-clip-box -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box ---- -<h2 id="Summary" name="Summary" style="line-height: 30px;">Summary</h2> -<p> </p> -<h2 id="Syntax" name="Syntax" style="line-height: 30px;">Syntax</h2> -<pre class="twopartsyntaxbox" style="font-size: 12px;"><a href="/en-US/docs/CSS/Value_definition_syntax" title="/en-US/docs/CSS/Value_definition_syntax">Formal syntax</a>: {{csssyntax("overflow-clip-box")}}</pre> -<pre style="font-size: 12px;">overflow-clip-box: padding-box; -overflow-clip-box: content-box; -</pre> -<h3 id="Values" name="Values" style="line-height: 24px;">Values</h3> -<p>padding-box</p> -<p>content-box</p> -<h2 id="Examples" style="line-height: 30px;">Examples</h2> -<pre style="font-size: 12px;"> </pre> -<h2 id="Specifications" style="line-height: 30px;">Specifications</h2> -<table class="standard-table"> - <thead> - <tr> - <th>Specification</th> - <th>Status</th> - <th>Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS2.1', 'visufx.html#overflow-clipping', 'Overflow and clipping')}}</td> - <td>{{Spec2('CSS2.1')}}</td> - <td> </td> - </tr> - </tbody> -</table> -<h2 id="Browser_Compatibility" name="Browser_Compatibility" style="line-height: 30px;">Browser compatibility</h2> -<p>{{ CompatibilityTable() }}</p> -<div id="compat-desktop"> - <table class="compat-table"> - <tbody> - <tr> - <th style="line-height: 16px;">Feature</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>Basic support</td> - <td>{{ CompatGeckoDesktop("30.0") }}<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=966992">Bug</a></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 style="line-height: 16px;">Feature</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>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> - </table> -</div> -<p> </p> |