Latest web development tutorials

HTML-DOM Stil family Eigenschaft

Style-Objekt Referenz Style - Objekte

Definition und Verwendung

family Eigenschaftssätze oder gibt eine Liste von Elementen der chinesischen Schriftfamilie Name / generische Schriftfamiliennamen.

Der Browser wird der erste Wert verwenden sie erkennt.

Es gibt zwei Arten von Schriftfamilie Werte von:

  • font-family: ein Schriftfamiliennamen, wie "Verdana" oder "Arial".
  • generic-family: eine generische Schriftfamiliennamen, wie "serif" oder "sans-serif".

Tipp: Immer geben Sie eine generische Schriftfamilie Namen als letztes!

HINWEIS: Wenn dieSchriftfamilie Name Leerzeichen enthält, in Anführungszeichen.

Tipp: Prüfen Sie Web-Safe - Fonts häufig Schriftkombinationen verwendet.

Grammatik

Einstellen family Eigenschaften:

Object.style.fontFamily="font1, font2, etc.|inherit"

Zurück family Eigenschaften:

Object.style.fontFamily

描述
font1, font2, etc. 字体系列名称/通用字体系列名称的表,由逗号分割。
inherit fontFamily 属性的值从父元素继承。


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen family Eigenschaft.

Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".


Beispiele

Beispiele

Ändern Sie den Text der Schrift:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
document.getElementById ( "P1") style.fontFamily = "Auswirkungen, Kohle, sans-serif" .;
}
</ Script>
</ Head>
<Body>

<P id = "p1"> Dies ist ein Text. </ P>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Schrift </ button>

</ Body>
</ Html>

Versuchen »


Style-Objekt Referenz Style - Objekte