Properti HTML DOM Style fontVariant
Definisi dan Penggunaan
set properti fontVariant atau kembali apakah akan menampilkan font yang topi kecil.
Ini berarti bahwa semua huruf kecil akan dikonversi ke huruf besar, tapi dibandingkan dengan sisa teks, surat itu akan menjadi ukuran font yang lebih kecil.
tatabahasa
Pengaturan properti fontVariant:
Object.style.fontVariant="normal|small-caps|inherit"
Sifat Kembali fontVariant:
Object.style.fontVariant
值 | 描述 |
---|---|
normal | 默认。字体是 normal(正常的)。 |
small-caps | 字体显示为小型大写字母。 |
inherit | fontVariant 属性的值从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti fontVariant.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Mengubah font kecil-caps:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Kepala>
<Body>
<P id = "p1"> Ini adalah beberapa teks. </ P>
<P> INI TEKS BEBERAPA. </ P>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Ubah Font </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Kepala>
<Body>
<P id = "p1"> Ini adalah beberapa teks. </ P>
<P> INI TEKS BEBERAPA. </ P>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Ubah Font </ button>
</ Body>
</ Html>
Coba »
gaya Objects