Obiekt HTML DOM Style fontVariant
Definicja i Wykorzystanie
fontVariant zestawy własności lub powraca, czy wyświetlać czcionki small caps.
Oznacza to, że małe litery zostaną zamienione na duże litery, ale w porównaniu do pozostałej części tekstu, litera będzie mniejszy rozmiar czcionki.
gramatyka
Ustawianie właściwości fontVariant:
Object.style.fontVariant="normal|small-caps|inherit"
Właściwości Powrót fontVariant:
Object.style.fontVariant
值 | 描述 |
---|---|
normal | 默认。字体是 normal(正常的)。 |
small-caps | 字体显示为小型大写字母。 |
inherit | fontVariant 属性的值从父元素继承。 |
Pomoc Browser
Wszystkie główne przeglądarki obsługują właściwość fontVariant.
Uwaga: IE7 i starsze wersje nie obsługują "dziedziczenia" wartość.IE8 zapewnia tylko! DOCTYPE obsługiwany "dziedziczą". Wsparcie IE9 "dziedziczą".
Przykłady
Przykłady
Zmiana czcionki na small-caps:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.getElementById ( "P1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> To jest jakiś tekst. </ P>
<P> To jest jakiś tekst. </ P>
Największa
<Type = "button" button onclick = "displayResult ()"> Zmiana czcionki Przycisk </>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.getElementById ( "P1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> To jest jakiś tekst. </ P>
<P> To jest jakiś tekst. </ P>
Największa
<Type = "button" button onclick = "displayResult ()"> Zmiana czcionki Przycisk </>
</ Body>
</ Html>
Spróbuj »
styl Przedmioty