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

manuel de référence CSS

règles CSS @RULES

大全 des attributs CSS

CSS3 font-Méthode d'utilisation et exemples de la propriété stretch

font-La propriété stretch sélectionne l'apparence habituelle, compressée ou étendue du texte à partir de la police.

Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe de l'utilisation de cet attribut dans les scripts JavaScript.

valeur par défaut :normal
s'applique à :tous les éléments. Il s'applique également à ::first-letter et ::first-line
héritage :est
animation possible :est.veuillez consulter propriétés d'animation.
version : CSS3nouvelle fonction
Syntaxe JavaScript :object.style.fontStretch="expanded"

font-Syntaxe d'utilisation de stretch

La syntaxe de cet attribut est la suivante :

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

Les exemples suivants montrent comment utiliser font-Attribut stretch

p {
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}
Voyons voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

ValeurDescription
normalSpécifiez la police normale. C'est la valeur par défaut.
ultra-condensedSpécifiez la police la plus dense.
extra-condensedSpécifiez la police la deuxième la plus condensée.
condensedSpécifiez la police condensée
semi-condensedSpécifiez la police légèrement condensée.
semi-expandedSpécifiez la police légèrement étendue.
expandedSpécifiez la police étendue.
extra-expandedSpécifiez la police la plus étendue la deuxième.
ultra-expandedSpécifiez la police la plus étendue.
initialRéinitialisez cet attribut à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la police font de son élément parent-Valeurs de l'attribut stretch

Compatibilité des navigateurs

font-La plupart des navigateurs ne prennent pas en charge cette propriété.

  • Firefox 9+

  • Google Chrome×

  • Internet Explorer 9+

  • Apple Safari ×

  • Opera ×

Avertissement :font-Avertissement : × Opera, Apple Safari, Internet Explorer, Google Chrome, Firefox La plupart des navigateurs ne prennent pas en charge cette propriété. Il est préférable d'éviter son utilisation.

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Polices CSS,Unités CSS,Éléments pseudo de CSS.

Attributs et règles associés :font,font-family,font-size,font-size-adjust,font-style,font-variant,font-weight,@font-face.