зеркало из https://github.com/mozilla/gecko-dev.git
40 строки
1.3 KiB
HTML
40 строки
1.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>writing-mode-ref</title>
|
||
<style>
|
||
p {
|
||
display: inline-block;
|
||
margin: 10px;
|
||
}
|
||
.line-through {
|
||
text-decoration: line-through wavy rgba(0, 0, 0, 0.3);
|
||
}
|
||
.wm-vertical-lr {
|
||
writing-mode: vertical-lr;
|
||
}
|
||
.wm-vertical-rl {
|
||
writing-mode: vertical-rl;
|
||
}
|
||
.wm-sideways-lr {
|
||
writing-mode: sideways-lr;
|
||
}
|
||
.wm-sideways-rl {
|
||
writing-mode: sideways-rl;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<p lang="zh" dir="ltr" class="wm-vertical-lr line-through">你好世界！Hello World!</p>
|
||
<p lang="zh" dir="ltr" class="wm-vertical-rl line-through">你好世界！Hello World!</p>
|
||
<p lang="zh" dir="ltr" class="wm-sideways-lr line-through">你好世界！Hello World!</p>
|
||
<p lang="zh" dir="ltr" class="wm-sideways-rl line-through">你好世界！Hello World!</p>
|
||
<br/>
|
||
<p lang="zh" dir="rtl" class="wm-vertical-lr line-through">你好世界！Hello World!</p>
|
||
<p lang="zh" dir="rtl" class="wm-vertical-rl line-through">你好世界！Hello World!</p>
|
||
<p lang="zh" dir="rtl" class="wm-sideways-lr line-through">你好世界！Hello World!</p>
|
||
<p lang="zh" dir="rtl" class="wm-sideways-rl line-through">你好世界！Hello World!</p>
|
||
</body>
|
||
</html>
|