inheritance.html (2171B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Inheritance of CSS Fonts Level 3 & 4 properties</title> 6 <link rel="help" href="https://www.w3.org/TR/css-fonts-3/#property-index"> 7 <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#property-index"> 8 <meta name="assert" content="Properties inherit according to the spec."> 9 <meta name="assert" content="Properties have initial values according to the spec."> 10 <script src="/resources/testharness.js"></script> 11 <script src="/resources/testharnessreport.js"></script> 12 <script src="/css/support/inheritance-testcommon.js"></script> 13 <style> 14 #box { 15 font-size: medium; 16 } 17 </style> 18 </head> 19 <body> 20 <div id="box"></div> 21 <div id="container"> 22 <div id="target"></div> 23 </div> 24 <script> 25 'use strict'; 26 const box = document.getElementById('box'); 27 const mediumFontSize = getComputedStyle(box).fontSize; 28 29 assert_inherited('font-family', null, '"Not Initial!"'); // Initial value depends on user agent. 30 assert_inherited('font-feature-settings', 'normal', '"smcp", "swsh" 2'); 31 assert_inherited('font-kerning', 'auto', 'none'); 32 assert_inherited('font-language-override', 'normal' , '"ksw"'); 33 assert_inherited('font-optical-sizing', 'auto' , 'none'); 34 assert_inherited('font-size', mediumFontSize /* medium */, '123px'); 35 assert_inherited('font-size-adjust', 'none', '1.5'); 36 assert_inherited('font-stretch', '100%' /* normal */, '75%'); 37 assert_inherited('font-style', 'normal', 'italic'); 38 assert_inherited('font-synthesis', 'weight style small-caps position', 'none'); 39 assert_inherited('font-variant', 'normal', 'none'); 40 assert_inherited('font-variant-alternates', 'normal', 'historical-forms'); 41 assert_inherited('font-variant-caps', 'normal', 'small-caps'); 42 assert_inherited('font-variant-east-asian', 'normal', 'ruby'); 43 assert_inherited('font-variant-emoji', 'normal', 'text'); 44 assert_inherited('font-variant-ligatures', 'normal', 'none'); 45 assert_inherited('font-variant-numeric', 'normal', 'ordinal'); 46 assert_inherited('font-variant-position', 'normal', 'super'); 47 assert_inherited('font-variation-settings', 'normal', '"wght" 700'); 48 assert_inherited('font-weight', '400' /* normal */, '900'); 49 </script> 50 </body> 51 </html>