English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS reference manual

CSS @rules (RULES)

Comprehensive list of CSS properties

CSS3 font-stretch 属性使用方法及示例

font-stretch CSS属性从字体中选择普通,压缩或扩展的外观。

下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。

默认值:normal
适用于:所有元素。它也适用于::first-letter和::first-line
继承:
可动画制作:是。请参考 动画属性
版本: CSS3的新功能
JavaScript-Syntax:object.style.fontStretch="expanded"

font-Syntax der Verwendung von stretch

Die Syntax dieser Eigenschaft lautet wie folgt:

font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit

Die folgenden Beispiele zeigen, wie font verwendet wird-stretch Eigenschaft.

p {
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}
Testen Sie heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
normalBestimmen Sie die normale Schriftart. Dies ist der Standardwert.
ultra-condensedBestimmen Sie die dichteste Schriftart.
extra-condensedBestimmen Sie die am zweitwenigsten komprimierte Schriftart.
condensedBestimmen Sie die komprimierte Schriftart
semi-condensedBestimmen Sie die leicht komprimierte Schriftart.
semi-expandedBestimmen Sie die leicht ausgebreitete Schriftart.
expandedBestimmen Sie die ausgebreitete Schriftart.
extra-expandedBestimmen Sie die am zweitweitesten ausgebreitete Schriftart.
ultra-expandedBestimmen Sie die am weitesten ausgebreitete Schriftart.
initialSetzen Sie diese Eigenschaft auf ihren Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element sein font des übergeordneten Elements.-Wert der Eigenschaft stretch.

Browser-Kompatibilität

font-Die meisten Browser unterstützen diese Eigenschaft nicht.

  • Firefox 9+

  • Google Chrome×

  • Internet Explorer 9+

  • Apple Safari ×

  • Opera ×

Warnung:font-Warnung: × Opera Apple Safari Internet Explorer Google Chrome Firefox Die meisten Browser unterstützen diese Eigenschaft nicht. Es ist besser, diese Eigenschaft zu vermeiden.

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS SchriftartenCSS EinheitenCSS Pseudo-Elemente

Zusammenhängende Eigenschaften und Regeln:fontfont-familyfont-sizefont-size-adjustfont-stylefont-variantfont-weight@font-face