CSS: Hodnota vlastnosti: dědit
Možnosti písma
Začněme atributy stylu, které specifikují parametry písma, kterým je text napsán. Koneckonců, text na webových stránkách je hlavou všeho.
Atribut font-family style určuje název písma, ve kterém bude text zobrazen:
rodina písem: <список имен шрифтов, разделенных запятыми> |zdědit
Názvy písem jsou specifikovány jako jejich názvy, například Arial nebo Times New Roman. Pokud název písma obsahuje mezery, musí být uzavřen v uvozovkách:
P (rodina písem: Arial)
H1 (rodina písem: "Times New Roman")
Pokud je tento atribut stylu přítomen ve vloženém stylu, jsou uvozovky nahrazeny apostrofy:
Pokud se námi zadaný font nachází na počítači návštěvníka, webový prohlížeč jej použije. Pokud takové písmo neexistuje, zobrazí se text písmem určeným ve výchozím nastavení. A naše webová stránka nemusí vypadat tak, jak jsme zamýšleli. (Písma Arial a Times New Roman jsou však přítomna na jakémkoli počítači se systémem Windows.) Můžete zadat několik názvů písem oddělených čárkami:
P (rodina písem: Verdana, Arial)
Poté webový prohlížeč nejprve vyhledá první ze zadaných písem, pokud je hledání neúspěšné - druhé, pak třetí atd. Místo názvu konkrétního písma můžete zadat název jednoho z rodiny písem, představující celé sady podobných písem. Existuje pět takových rodin: patková (patková písma), bezpatková (bezpatková písma), kurzíva (fonty napodobující ručně psaný text), fantasy (ozdobná písma) a jednoprostorová (jednoprostorová písma):
H2 (rodina písem: Verdana, Arial, bezpatkové)
Speciální hodnota inherit určuje, že text tohoto prvku webové stránky by měl být ve stejném písmu jako text nadřazeného prvku. V tomto případě se říká, že prvek webové stránky „zdědí“ písmo od svého nadřazeného prvku. Toto je mimochodem výchozí hodnota atributu font-family style. Atribut font-size style určuje velikost písma:
velikost písma: <размер >|xx-malý|x-malý|malý|střední|velký|x-velký|xx-velký|větší|menší|zdědit
Velikost písma lze zadat v absolutních a relativních hodnotách. Chcete-li to provést, použijte jeden z měrné jednotky, podporované CSS (tabulka 8.1).
Tabulka 8.1. Jednotky velikosti podporované standardem CSS
Označení zvolené měrné jednotky je uvedeno za samotnou hodnotou:
P (velikost písma: 10pt) SILNÉ (velikost písma: 1 cm) EM (velikost písma: 150 %)
Všimněte si, že vše je uvedeno v tabulce. Jednotky 8.1 jsou vhodné pro nastavení hodnot dalších atributů stylu CSS.
Kromě číselných hodnot může atribut font-size nabývat také znakových hodnot. Hodnoty od xx-small do xx-large tedy určují sedm předdefinovaných velikostí písma, od nejmenšího po největší. A hodnoty větší a menší představují další velikost písma ve vzestupném a sestupném pořadí. Pokud je například nadřazený prvek nastaven na střední velikost písma, pak větší nastaví aktuální prvek na velkou velikost písma.
Hodnota dědit určuje, že tento prvek webové stránky by měl mít stejnou velikost písma jako jeho nadřazený prvek. Toto je výchozí hodnota atributu stylu font-size.
Atribut color style určuje barvu textu:
barva: <цвет> |zdědit
V kapitola 7 Zmínili jsme, že barvu lze specifikovat tzv. RGB kódem (Red, Green, Blue - červená, zelená, modrá). Píše se ve formátu
#<доля красного цвета><доля зеленого цвета><доля синего цвета> ,
kde zlomky všech barev jsou specifikovány jako hexadecimální čísla od 00 do FF. Nastavíme barvu textu na červenou:
H1 ( barva: #FF0000 ) A nyní šedá barva: ADRESA ( barva: #CCCCCC )
CSS navíc umožňuje určit barvy podle názvu. Hodnota černá tedy odpovídá černé, bílé – bílé, červené – červené, zelené – zelené a modré – modré.
H1 (barva: červená)
Kompletní seznam jmen a jejich odpovídajících barev naleznete na webové stránce http://msdn.microsoft.com/en-us/library/aa358802%28v=VS.85%29.aspx .
Hodnota dědit určuje, že tento prvek webové stránky by měl mít stejnou barvu písma jako jeho nadřazený prvek. Toto je výchozí hodnota atributu stylu font-size.
POZOR!
Téměř všechny atributy stylů CSS podporují dědičnou hodnotu. Sděluje webovému prohlížeči, že prvek webové stránky, ke kterému je styl vázán, "zdědí" hodnotu odpovídajícího parametru z nadřazeného prvku. Toto je výchozí hodnota pro všechny atributy. V následujícím textu nebudeme popisovat tuto hodnotu pro každý atribut stylu; pokud to některý atribut stylu nepodporuje, konkrétně to zmíníme.
Pomocí atributu color style můžeme například nastavit barvu vodorovné čáry HTML.
Atribut stylu opacity vám umožňuje určit stupeň průsvitnosti prvku webové stránky:
neprůhlednost:<числовое значение>|zdědit
Hodnota průsvitnosti je číslo mezi 0 a 1, přičemž 0 je zcela průhledná (to znamená, že prvek není ve skutečnosti viditelný) a 1 je zcela neprůhledná (toto je normální chování).
Zde je příklad nastavení poloviční průhlednosti (hodnota 0,5) pro pevné formátování textu:
PRE (neprůhlednost: 0,5)
Všimněte si, jak jsme uvedli zlomkové číslo - místo symbolu čárky je zde použita tečka.
POZNÁMKA
Průsvitnost je obvykle užitečná pouze pro vytváření speciálních efektů. Nedoporučuje se používat v běžném textu, protože to může návštěvníka odradit.
Atribut font-weight style nastavuje váhu písma:
váha písma: normální|tučné|tučné|světlejší|100|200|300|400|500|600|700|800|900|zdědit
Je zde k dispozici sedm absolutních hodnot od 100 do 900, které představují různé váhy písma, od minima po maximum; v tomto případě bude mít běžné písmo „tučnost“ 400 (nebo normální) a polotučné písmo bude mít „váhu“ 700 (neboli tučné). Výchozí hodnota je 400 (normální). Výraznější a světlejší hodnoty jsou relativní a představují postupné stupně „tloušťky“, nahoru a dolů.
CODE (tloušťka písma: tučné)
Atribut font-style určuje styl písma:
styl písma: normal|kurzíva|oblique|zdědit
K dispozici jsou tři hodnoty, které představují normální písmo, kurzívu a speciální dekorativní styl podobný kurzívě (šikmé).
Atribut stylu text-decoration specifikuje "decoration" (podtržení nebo přeškrtnutí), které bude použito na text:
zdobení textu: žádné|podtržení|přetržení|prolínání|bliknutí|zdědit
Zde je k dispozici pět hodnot (nepočítaje dědění):
Žádné odstraní všechny dekorace určené pro písmo nadřazeného prvku;
Podtržení zvýrazní text;
Overline „překryje“ text, to znamená, že přes řádky nakreslí čáru;
Přeškrtnutí textu;
Blink způsobí blikání písma (v současné době není podporováno Safari).
POZOR!
Text byste neměli podtrhávat, pokud to není nutné. Důvodem je, že webové prohlížeče ve výchozím nastavení zobrazují hypertextové odkazy jako podtržené a podtržený text, který není hypertextovým odkazem, může být pro návštěvníka matoucí.
Atribut stylu font-variant umožňuje určit, jak budou vypadat malá písmena písma:
font-variant: normal|small-caps|zdědit
Hodnota malých písmen způsobí, že se písmo bude chovat tak, že malá písmena vypadají úplně stejně jako velká, jen jsou menší. Normální hodnota nastaví písmo na normální velká písmena.
Atribut stylu text-transform vám umožňuje změnit velikost písmen textu:
text-transform: velká | velká | malá | žádná | dědit
Text můžeme převést na velká písmena (hodnota tohoto atributu na velká písmena) nebo na malá písmena (malá písmena), převést první písmeno každého slova na velká (velká písmena) nebo jej nechat tak, jak je (žádné).
Atribut stylu line-height určuje výšku řádku textu:
výška řádku: normální| <расстояние> |zdědit
Zde můžete nastavit absolutní a relativní hodnoty vzdálenosti zadáním příslušné měrné jednotky CSS (viz tabulka 8.1). Pokud chybí, námi určená hodnota se nejprve vynásobí výškou aktuálního písma a poté se použije. Abychom zdvojnásobili normální výšku řádku, můžeme napsat:
P (výška řádku: 2)
Normální hodnota tohoto atributu vrátí řízení výšky řádku do webového prohlížeče.
Atribut stylu letter-spacing umožňuje zadat další mezeru mezi znaky textu:
mezery mezi písmeny: normální| <расстояние>
Všimněte si, že toto je jen další vzdálenost; bude přidán k původnímu, který nainstaloval samotný webový prohlížeč.
Zde můžete také nastavit absolutní a relativní vzdálenost zadáním příslušné CSS jednotky (viz tabulka 8.1). Vzdálenost může být kladná nebo záporná; v druhém případě budou znaky písma umístěny blíže k sobě než obvykle. Hodnota normal nastaví výchozí vzdálenost navíc na nulu.
Atribut stylu mezer mezi písmeny nepodporuje zdědit hodnotu.
Zde je příklad nastavení dodatečné vzdálenosti mezi znaky na pět pixelů:
H1 (mezera mezi písmeny: 5 pixelů)
Text napsaný s takovými znaky bude vypadat řídce.
A zde nastavíme zápornou dodatečnou vzdálenost mezi znaky na dva pixely:
H6 ( mezera mezi písmeny: -2px )
Tyto dva pixely budou odečteny od původní vzdálenosti, což způsobí, že se znaky přiblíží k sobě a text bude vypadat komprimovaný. Možná se budou symboly i překrývat.
Podobný atribut word-spacing style určuje další mezeru mezi jednotlivými slovy textu:
mezery mezi slovy: normální| <расстояние>
H1 (mezera slov: 5 mm)
No, 5 mm je možná trochu moc... I když je to jen příklad.
A nakonec se podívejme na atribut font style, který umožňuje nastavit několik parametrů fontu najednou:
písmo: [ <начертание> ] [<вид строчных букв> ] [<"жирность"> ] [<размер> ] <имя шрифта>
Jak vidíte, je vyžadován pouze název písma - další parametry mohou chybět.
Nastavte text odstavce na velikost písma Times New Roman 10 bodů:
P (font: 10pt "Times New Roman")
A pro nadpisy šesté úrovně - velikost písma Arial 12 bodů a styl kurzíva:
H6 (font: italic 12pt Verdana)
Často, když předáme projekt klientovi, ztratíme kontrolu nad HTML kódem. Někdy klient používá CMS (Content Management System), který mu dává plnou kontrolu nad určitými částmi HTML kódu. Někdy klient jednoduše použije naše šablony k výstupu svého kódu do dokumentu.
Ve většině případů je poměrně obtížné informovat klienta o tom, jak používat šablony nebo CMS, které mu poskytujete, a někdy je prostě nepřijatelné vést plamenné řeči o sémantickém rozložení a webových standardech. Klient může/bude používat „starý dobrý markup“, ten, který zná, jednoduše proto, že funguje a vypadá tak, jak je zvyklý. S největší pravděpodobností bude obsahovat nechtěné (zastaralé) značky a atributy, jako např bgcolor, zarovnat a "věčný" písmo. Tento článek je o tom, jak zablokovat nežádoucí HTML tagy pomocí CSS, a tím jemně navést klienta správným směrem.
Existuje několik řešení problému. Jedním z nich je zobrazení varovného obrázku pomocí CSS při použití nežádoucích značek. Existují podrobné vysvětlení této metody. Druhým řešením je „vyříznutí“ nežádoucích značek a atributů na straně serveru. Tato metoda je nejúčinnější, další věcí je, že ne vždy existuje kontrola nad serverem, kde se stránka nachází.
Cílem je zachovat přirozenou kaskádu a dědictví stylů napříč všemi prohlížeči a zároveň elegantně „vypnout“ HTML, které klient nechce používat.
A pak to klient přestane používat, protože nechtěné tagy prostě přestanou „fungovat“. Elegantní a bez stresu způsob, jak ho klienta navést na správnou cestu.
bgcolor border align vspace hspace zarovnání šířky výška
Řešení V ideálním případě bychom mohli jen upravit některé značky HTML vložením hodnoty zdědit
pro ekvivalentní vlastnost CSS. Prohlížeče založené na standardech budou jednoduše ignorovat nechtěné atributy uvedené v kódu a místo toho použijí zděděné hodnoty v kaskádě.
Například tento CSS:
písmo ( barva:zdědit; )
bude mít přednost před tímto kódem:
Modrý písmo Podle toho i barva textu uvnitř značky
bude barva zděděná kaskádou a ne modrá, jak je uvedeno v kódu. Přesně to, co potřebujete. Ale jak asi víte, Internet Explorer má problémy s dědičnými hodnotami. A také v sedmé verzi. Tak se dáme do práce:
písmo ( color:inherit; /* Normální prohlížeče */ color:expression(this.parentNode.currentStyle["color"]); /* IE */ )
funguje? Skvělé, pojďme dál:
písmo ( font-family:inherit; /* Normální prohlížeče */ font-family:expression(this.parentNode.currentStyle["fontFamily"]); /* IE */ )
Všechno je úžasné, až na to, že Opera 9 nedědí hodnotu pro rodina písem. Naštěstí písmo Spokojeni budeme i s:
font ( font:inherit; /* Normální prohlížeče */ font-family:expression(this.parentNode.currentStyle["fontFamily"]); /* IE */ )
To je vyřešeno. Pojďme k nemovitosti velikost písma. To vyžaduje určitou citlivost, protože hodnota velikosti písma se dědí z vypočítané hodnoty. Předchozí výraz„Tady nebude fungovat, protože pokud pro tělo je nastavena hodnota nemovitosti velikost písma, rovnající se 2em, pak výpočet hodnoty velikosti písma začne od tohoto bodu. Prohlížeč zkontroluje hodnotu velikost písma pro nadřazený prvek značky písmo, což se rovná 2em a bude představovat vypočítanou hodnotu rovnou 4em (2em od 2em). A to není to, co potřebujeme. Řešení je jednoduché. Je třeba použít počáteční hodnotu velikost písma, což se rovná 100 % pro všechny prohlížeče. Pojďme přidat nějaké vlastnosti k nežádoucí značce základní písmo abych ho taky uklidnila. Zde je kompletní seznam pravidel pro zkrocení značek písmo A základní písmo:
font,basefont ( color:inherit; /* Normální prohlížeče */ color:expression(this.parentNode.currentStyle["color"]); /* IE */ font:inherit; /* Normální prohlížeče. Písmo místo velikosti písma for Operas */ font-family:expression(this.parentNode.currentStyle["fontFamily"]); /* IE */ font-size:100% /* Všechny velikosti prohlížeče se dědí */ )
Jdeme dál. K odtagování použijeme základní techniku střed, s, úder A u:
center ( text-align:inherit; /* Normální prohlížeče */ text-align:expression(this.parentNode.currentStyle["textAlign"]); /* IE */ ) s,strike,u ( text-decoration:inherit; /* Normální prohlížeče */ text-decoration:expression(this.parentNode.currentStyle["textDecoration"]);
Je hotovo! Většinu nežádoucích značek jsme „zakázali“ pouze pomocí CSS a výrazů.
A co atributy? HTML4 obsahuje řadu nežádoucích atributů, které mohou být docela frustrující. Pojďme je také vypnout. Začněme s zarovnat:
* ( text-align:inherit; ) /* Normální prohlížeče */
Vše by bylo v pořádku, ale IE6 nepodporuje selektory atributů. Proto musíme upravit výraz, takže zkontroluje přítomnost atributu zarovnat u značky. Co se stalo:
* ( text-align:inherit; ) /* Normální prohlížeče */ * ( text-align:expression(this.align ? this.parentNode.currentStyle["textAlign"] : ""); ) /* IE */
Další na řadě jsou atributy tagů img. Kromě atributu zarovnat, chceme atributy zakázat hranice, vspace A hspace. Od hodnot okraj A pohraniční se nedědí, pak zde platí jednoduché pravidlo:
img ( margin:0; border:none; ) /* Všechny prohlížeče */
Zde se potýkáme s neřešitelným problémem pro IE6. vspace A hspace nejsou rovnocenné s majetkem okraj v něm, takže je bude IE6 nadále zobrazovat. Jediné řešení, které mě napadlo, je napsat malý skript, který při načítání dokumentu jednoduše odstraní tyto atributy:
window.onload = function() ( for (i=0;i document.getElementsByTagName("img")[i].removeAttribute("vspace"); document.getElementsByTagName("img")[i].removeAttribute("hspace" ");))
Raději nepoužívám javascript, ale v tomto případě prostě nevidím jinou alternativu. Tak to nech být. Nyní přidáme atribut typ ve značce ol:
ol ( list-style-type:decimal; ) /* Všechny prohlížeče */
A teď ten atribut bgcolor Pro tělo:
body ( background-color:transparent; ) /* Všechny prohlížeče */
Tabulky. Poslední krok. V tabulkách v HTML4/4.01 existuje řada nežádoucích atributů, které byly aktivně používány pro rozložení stránky. Ale nechceme, aby klient používal pro rozvržení tabulky? Pojďme tedy zakázat atributy šířka, výška, bgcolor, valign A pohraniční:
table,tr,th,td ( width:auto; /* Všechny prohlížeče */ height:auto; /* Všechny prohlížeče */ barva pozadí:transparent; /* Všechny prohlížeče */ vertical-align:inherit; /* Všechny prohlížeče (včetně IE) */ border:none /* Všechny prohlížeče */ )
Pojďme si to shrnout:
Pomocí pravidel CSS a minimálního javascriptu jsme byli schopni „zakázat“ většinu nežádoucích značek a atributů a zároveň elegantně zachovat přirozenou dědičnost. Nemusíme klienta „učit“, stejně bude muset použít správné označení. S přihlédnutím k jedné velmi důležité poznámce - je velmi důležité poskytnout klientovi dostatečné množství popsaných CSS tříd, aby nebyl omezován v práci s markupem.
Všechny styly dohromady:
font,basefont ( color:inherit; /* Normální prohlížeče */ color:expression(this.parentNode.currentStyle["color"]); /* IE */ font:inherit; /* Normální prohlížeče. Písmo místo velikosti písma pro Operas */ font-family:expression(this.parentNode.currentStyle["fontFamily"]); /* IE */ font-size:100% /* Všechny prohlížeče */ ) center ( text-align:inherit; /; * Normální prohlížeče */ text-align:expression(this.parentNode.currentStyle["textAlign"] /* IE */ ) s,strike,u ( text-decoration:inherit; /* Normální prohlížeče */ text-decoration); : expression(this.parentNode.currentStyle["textDecoration"]); /* IE */ ) * ( text-align:inherit; ) /* Normální prohlížeče */ * ( text-align:expression(this.align ? this. parentNode .currentStyle["textAlign"] : "" ) /* IE */ img ( margin:0; border:none; ) /* Všechny prohlížeče */ ol ( list-style-type:decimal; ) /* All prohlížeče */ body ( background-color:transparent; /* Všechny prohlížeče */ ) table,tr,th,td ( width:auto; /* Všechny prohlížeče */ height:auto; /* Všechny prohlížeče */ background-color: transparentní ; /* Všechny prohlížeče */ vertical-align:inherit; /* Všechny prohlížeče (včetně IE) */ border:none; /* Všechny prohlížeče */ )
Volný překlad a příprava článku na základě materiálů
I když některé vlastnosti v CSS se dědí automaticky, mohou nastat situace, kdy je potřeba navýšit váhu zděděného majetku. Určení dědičnosti pro libovolnou vlastnost CSS, aplikovaný na prvek, předá vypočítanou hodnotu vlastnosti nadřazeného prvku tomuto prvku. Zadáním vlastního stylu, že vlastnost zdědí svou hodnotu od předka, můžete zvýšit její váhu.
Internet Explorer zdědí podporu
Internet Explorer 7 a starší nepodporují dědičnou hodnotu pro všechny vlastnosti kromě směru a viditelnosti.
Pokud neexistují žádné použitelné definice, barva je obvykle zděděná vlastnost. V případě, že je prvkem ukazatel, je vlastnost color obvykle nastavena na modrou ve stylu uživatelského prohlížeče. Chcete-li zdůraznit důležitost dědění hodnoty, můžete použít dědičnou hodnotu v autorské nebo uživatelské šabloně stylů a přepsat tak definice stylu prohlížeče. V následujícím příkladu nastavíme vlastnost color prvku p na #000 nebo černou a určíme, že jakýkoli následný ukazatel by měl zdědit hodnotu barvy nadřazeného prvku:
P ( barva: #000; ) p a:odkaz ( barva: zdědit; )
Když použijeme zkratku jako pozadí , nemůžeme kombinovat dědění s jinými hodnotami. Například následující deklarace pozadí není správná:
P (pozadí: #fff zdědit vlevo nahoře; )
V tomto případě bychom mohli doufat, že tento prvek zdědí vlastnost background-image svého rodiče. Bohužel bychom měli smůlu, protože... dědit musí mít v definici konkrétní hodnotu. Ve výše uvedeném příkladu není dědičnost interpretována jednoznačně; může to být vlastnost background-image nebo background-attachment a prohlížeč uživatele nemůže určit, ke které vlastnosti ji přiřadit. Abychom mohli použít dědit, musíme použít celý pravopis místo zkráceného. V tomto případě musíme zadat vlastnost background-image.
6 odpovědí
Stejně jako ostatní odpovědi zdědí vlastnost CSS z nadřazeného prvku.
Co ostatní odpovědi nedokázaly říci, je, proč to potřebujete. Protože vlastnosti CSS se stejně dědí, ne?
No, ne. Většina z nich je ve výchozím nastavení (ale například barva odkazu se nedědí z nadřazeného prvku). Ale zvažte tento případ:
P ( barva: modrá; ) div.důležité ( barva: červená; )
Toto je text
Text bude nyní modrý místo červené. Pokud chceme
Pokud bychom měli styl jeho rodičů a ne výchozí styl, musíme ho přepsat pomocí CSS. Samozřejmě bychom mohli zopakovat hodnotu vlastnosti (červená), ale to porušuje DRY (neopakujte se). Místo toho to zdědíme:
Div.důležité p ( barva: zdědit; )
Deklarace font:inherit se používá v mnoha stylech stylů CSS Reset, které se často kopírují do různých knihoven a frameworků. Původní CSS Reset Erica Meyera má font:inherit . Není uvedena žádná konkrétní motivace. Obecným zdůvodněním je prý "snížit nekonzistenci prohlížeče ve věcech, jako jsou výchozí výšky řádků, okraje a velikosti písma záhlaví atd." Meyer ale odkazuje na předchozí příspěvek, kde vysvětluje myšlenku, mimo jiné říká: "Chci to všechno, protože nechci považovat stylové efekty za samozřejmost. Slouží to dvěma účelům: zaprvé mě to nutí přemýšlet o tom, co což je trochu složitější v sémantice mého dokumentu Při použití reset nevyberu silné, protože design vyžaduje tučnost, místo toho vyberu správný prvek - ať už je to silný nebo em nebo b nebo h3 nebo cokoli - a pak vymažu podle potřeby."
Několik prvků HTML má výchozí vykreslování v prohlížečích s ohledem na vlastnosti písma: nadpisy, pole formuláře, buňky záhlaví tabulky, některé prvky frází atd. Použití CSS Reset nebo konkrétně font: inherit znamená, že v prohlížečích, které podporují inherit , se všechny takové prvky vykreslují ve fontu kopírovaného textu, pokud není v šabloně stylů uvedeno jinak.
Mluvíme tedy o specifické metodologii (nebo jak někteří lidé říkají, ideologii či náboženství) autorství a designu. Získal si oblibu a často se používá pravidelně.
Ne všechny prohlížeče dědí vlastnosti písma pro všechny prvky. Netscape 4.x je známý tím, že je špatný s dědičností. Zvažte následující styl:
Tělo (pozadí: černé; barva: bílá)
V Netscape 4.x nebyla použita barva na prvky tabulky, takže ve výchozím nastavení se uvnitř tabulky zobrazí černý text na černém pozadí.
Vlastnosti písem mají stejný druh řešení pro některé prvky, zejména prvky formuláře (a prvky tabulky pro starší prohlížeče). Často můžete vidět tuto definici:
Tabulka, formulář (font: dědit)
dědit se používá k získání vlastností z rodičovského prvku. Jinými slovy, zdědit vlastnosti nadřazeného prvku.
Ve výchozím nastavení je vlastnost dědit, což znamená, že máte div a p.
Ahoj světe!
Nyní dáte styl:
Div (rodina písem: Tahoma;) p (rodina písem: inherit;)
Tato rodina písem je stejná jako zděděná pro p z nadřazeného prvku div.
Použití (font:inherit;) v CSS dává smysl, protože různí user agenti (prohlížeče a.k.a.) mají šablonu stylů uživatelského agenta (čti: výchozí šablonu stylů) s něčím jako
Body ( font: -magic-font-from-user-preferences; ) textarea, input ( font: monospace; )
(font:inherit;) se používá k obejití speciálního případu, kdy písmo nebo rodina písem není ve výchozím nastavení zděděna kvůli šabloně stylů uživatelského agenta, ale autor obsahu si přeje, aby byla zděděna rodina písem.
Skutečné chování uživatelského agenta s hodnotou zdědit se bohužel liší kvůli různým chybám. Výsledek však může být blíže autorovu záměru než výchozí.
