Sajid Anwar
fd791116ad
Replaces the `vertical-align` longhand with the shorthand version and the corresponding `alignment-baseline` and `baseline-shift` longhands (the `baseline-source` property was already implemented). Some notes about this change: - The CSS Inline Layout Module Level 3 specification introduced new values to `alignment-baseline` and `baseline-shift` that were not available in the original `vertical-align` longhand. This change only implements the original keywords; the new values will be used in a future patch. - The SVG layout still ignores the `vertical-align` (and now the corresponding longhands) in favor of the `dominant-baseline`. This will also be addressed in a future patch. Differential Revision: https://phabricator.services.mozilla.com/D277725
32 lines
1.3 KiB
HTML
32 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Inheritance of CSS Inline Layout properties</title>
|
|
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-inline-3/#property-index">
|
|
<meta name="assert" content="Properties inherit or not according to the spec.">
|
|
<meta name="assert" content="Properties have initial values according to the spec.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/inheritance-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="target"></div>
|
|
</div>
|
|
<script>
|
|
assert_not_inherited('alignment-baseline', 'baseline', 'middle');
|
|
assert_not_inherited('baseline-shift', '0px', '10px');
|
|
assert_inherited('dominant-baseline', 'auto', 'central');
|
|
assert_not_inherited('initial-letters', 'normal', '2 3');
|
|
assert_inherited('initial-letters-align', 'alphabetic', 'hanging');
|
|
assert_inherited('initial-letters-wrap', 'none', 'grid');
|
|
assert_not_inherited('initial-sizing', 'normal', 'stretch');
|
|
// https://www.w3.org/TR/CSS2/visudet.html#propdef-line-height
|
|
assert_inherited('line-height', 'normal', '20px');
|
|
assert_not_inherited('vertical-align', 'baseline', '10px');
|
|
</script>
|
|
</body>
|
|
</html>
|