attributs de police HTML DOM style
style Objets Définition et utilisation
propriété raccourcie de police pour régler ou revenir jusqu'à six attributs de police distincts.
Avec cette propriété, vous pouvez définir / retour:
- font-style
- font-variant
- font-weight
- font-size
- line-height
- font-family
Les propriétés ci-dessus peuvent être fournis attributs de style séparés. recommande fortement d'utiliser un attribut séparé une telle meilleure contrôlabilité.
grammaire
Définition des propriétés de police:
Object.style.font="[style variant weight size/lineHeight family]
or [reserved word]"
Retour police attributs:
Object.style.font
Astuce: police propriété n'a aucune valeur par défaut.
| 值 | 描述 |
|---|---|
| style | 设置字体样式。 |
| variant | 设置文本以小型大写字母字体显示。 |
| weight | 设置字体粗细。 |
| size | 设置字体尺寸。 |
| lineHeight | 设置行与行之间的距离。 |
| family | 设置字体系列。 |
| caption | 为控件定义字体（比如按钮、下拉列表等）。 |
| icon | 定义用于标注图标的字体。 |
| menu | 定义菜单中使用的字体。 |
| message-box | 定义对话框中使用的字体。 |
| small-caption | 定义小型控件中使用的字体。 |
| status-bar | 定义窗口状态栏中使用的字体。 |
| inherit | font 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge les attributs de police.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Changer la police du texte:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.font="italic bold 20px arial,serif";
}
</script>
</head>
<body>
<p id="p1">这是一些文本。</p>
<br>
<button type="button" onclick="displayResult()">修改字体</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.font="italic bold 20px arial,serif";
}
</script>
</head>
<body>
<p id="p1">这是一些文本。</p>
<br>
<button type="button" onclick="displayResult()">修改字体</button>
</body>
</html>
Essayez »
style Objets