aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/css/font-variant/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/zh-cn/web/css/font-variant/index.html')
-rw-r--r--files/zh-cn/web/css/font-variant/index.html18
1 files changed, 7 insertions, 11 deletions
diff --git a/files/zh-cn/web/css/font-variant/index.html b/files/zh-cn/web/css/font-variant/index.html
index a01120c3c3..f5aae7872a 100644
--- a/files/zh-cn/web/css/font-variant/index.html
+++ b/files/zh-cn/web/css/font-variant/index.html
@@ -44,22 +44,21 @@ font-variant: unset;
<dd>规定与{{cssxref("font-variant-alternates")}}属性相关的关键字,可能的值包括:<code>lining-nums</code>, <code>oldstyle-nums</code>, <code>proportional-nums</code>, <code>tabular-nums</code>, <code>diagonal-fractions</code>, <code>stacked-fractions</code>, <code>ordinal</code> 和 <code>slashed-zero</code>。</dd>
<dt><code>&lt;east-asian-variant-values&gt;</code>, <code>&lt;east-asian-width-values&gt;</code>, <code>ruby</code></dt>
<dd>规定与{{cssxref("font-variant-east-asian")}}属性相关的关键字,可能的值包括:<code>jis78</code>, <code>jis83</code>, <code>jis90</code>, <code>jis04</code>, <code>simplified</code>, <code>traditional</code>, <code>full-width</code>, <code>proportional-width</code>, <code>ruby</code>。</dd>
- <dt>
- <h3 id="正式语法">正式语法</h3>
- </dt>
</dl>
{{csssyntax}}
<h2 id="示例">示例</h2>
-<h3 id="HTML">HTML</h3>
+<h3 id="Setting_the_small-caps_font_variant">Setting the small-caps font variant</h3>
+
+<h4 id="HTML">HTML</h4>
<pre class="brush: html">&lt;p class="normal"&gt;Firefox rocks!&lt;/p&gt;
&lt;p class="small"&gt;Firefox rocks!&lt;/p&gt;
</pre>
-<h3 id="CSS">CSS</h3>
+<h4 id="CSS">CSS</h4>
<pre class="brush: css">p.normal {
  font-variant: normal;
@@ -69,9 +68,9 @@ p.small {
}
</pre>
-<h3 id="结果">结果</h3>
+<h4 id="Result">Result</h4>
-<p><iframe class="live-sample-frame sample-code-frame" frameborder="0" id="frame_Example" src="https://mdn.mozillademos.org/en-US/docs/Web/CSS/font-variant$samples/Example?revision=1598093"></iframe></p>
+<p>{{ EmbedLiveSample('Setting_the_small-caps_font_variant', '', '', '', 'Web/CSS/font-variant') }}</p>
<h2 id="规范">规范</h2>
@@ -106,11 +105,8 @@ p.small {
<h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2>
-<div>
-
+<p>{{Compat}}</p>
-<p>{{Compat("css.properties.font-variant")}}</p>
-</div>
<h2 id="参见">参见</h2>