Blitz - WPT: text-emphasis-position-default-001.html

wpt / css / css-text-decor / text-emphasis-position-default-001.html

/css/css-text-decor/text-emphasis-position-default-001.html

<!DOCTYPE html>
<title>text-emphasis-position default values</title>
<link rel="help" href="https://www.w3.org/TR/css-text-decor/#text-emphasis-position-property">
<link rel="match" href="text-emphasis-position-default-001-ref.html">
<style>
p {
	border: solid silver;
	text-emphasis: dot;
	margin: 0.5em;
}

div {
	float: left;
	margin: 0.5em;
}
</style>

<div style="writing-mode: horizontal-tb">
	<p>text
	<p style="text-emphasis-position: over">text
	<p style="text-emphasis-position: under">text
</div>

<div style="writing-mode: vertical-rl">
	<p>text
	<p style="text-emphasis-position: over">text
	<p style="text-emphasis-position: under">text
</div>

<div style="writing-mode: vertical-lr">
	<p>text
	<p style="text-emphasis-position: over">text
	<p style="text-emphasis-position: under">text
</div>

/css/css-text-decor/text-emphasis-position-default-001-ref.html

<!DOCTYPE html>
<title>text-emphasis-position default values</title>
<style>
p {
	border: solid silver;
	text-emphasis: dot;
	margin: 0.5em;
	text-emphasis-position: over right;
}

div {
	float: left;
	margin: 0.5em;
}
</style>

<div style="writing-mode: horizontal-tb">
	<p style="text-emphasis-position: over right">text
	<p style="text-emphasis-position: over right">text
	<p style="text-emphasis-position: under right">text
</div>

<div style="writing-mode: vertical-rl">
	<p>text
	<p>text
	<p>text
</div>

<div style="writing-mode: vertical-lr">
	<p>text
	<p>text
	<p>text
</div>