mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision b'b728032f59a396243864b0f8584e7211e3632005'
This commit is contained in:
WPT Sync Bot
parent
ace9b32b1c
commit
df68c4e5d1
15632 changed files with 514865 additions and 155000 deletions
|
|
@ -1,25 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify, direction: rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; left: 0; height: 48px; }
|
||||
.rb2 { top: 0; left: 109px; height: 48px; }
|
||||
.rb3 { top: 0; left: 218px; height: 48px; }
|
||||
.rb4 { top: 0; left: 327px; height: 72px; }
|
||||
.rb5 { top: 48px; right: 96px; height: 24px; }
|
||||
.rb6 { top: 48px; right: 192px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: right;">REF REF REF</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: right;">REF REF REF</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,27 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify, direction: ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; right: 0; height: 48px; }
|
||||
.rb2 { top: 0; right: 109px; height: 48px; }
|
||||
.rb3 { top: 0; right: 218px; height: 48px; }
|
||||
.rb4 { top: 0; right: 327px; height: 72px; }
|
||||
.rb5 { top: 48px; left: 96px; height: 24px; }
|
||||
.rb6 { top: 48px; left: 192px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div style="direction: rtl;">
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: left;">REF REF REF</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: left;">REF REF REF</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify, dir=rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; left: 0; height: 48px; }
|
||||
.rb2 { top: 0; left: 109px; height: 48px; }
|
||||
.rb3 { top: 0; left: 218px; height: 48px; }
|
||||
.rb4 { top: 0; left: 327px; height: 72px; }
|
||||
.rb5 { top: 48px; right: 96px; height: 24px; }
|
||||
.rb6 { top: 48px; right: 192px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: right;">REF REF REF</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: right;">REF REF REF</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,27 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify, dir=ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; right: 0; height: 48px; }
|
||||
.rb2 { top: 0; right: 109px; height: 48px; }
|
||||
.rb3 { top: 0; right: 218px; height: 48px; }
|
||||
.rb4 { top: 0; right: 327px; height: 72px; }
|
||||
.rb5 { top: 48px; left: 96px; height: 24px; }
|
||||
.rb6 { top: 48px; left: 192px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div dir="rtl">
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: left;">REF REF REF</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: left;">REF REF REF</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify, dir=auto, RTL first strong</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; left: 0; height: 48px; }
|
||||
.rb2 { top: 0; left: 109px; height: 48px; }
|
||||
.rb3 { top: 0; left: 218px; height: 48px; }
|
||||
.rb4 { top: 0; left: 327px; height: 72px; }
|
||||
.rb5 { top: 48px; right: 96px; height: 24px; }
|
||||
.rb6 { top: 48px; right: 192px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: right;">REF REF REF</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: right;">REF REF REF</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,27 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify, dir=auto, LTR first strong</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; right: 0; height: 48px; }
|
||||
.rb2 { top: 0; right: 109px; height: 48px; }
|
||||
.rb3 { top: 0; right: 218px; height: 48px; }
|
||||
.rb4 { top: 0; right: 327px; height: 72px; }
|
||||
.rb5 { top: 48px; left: 96px; height: 24px; }
|
||||
.rb6 { top: 48px; left: 192px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
|
||||
<div dir="rtl">
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: left;">REF REF REF</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="word-spacing: 1em;">REF REF REF REF</div>
|
||||
<div style="text-align: left;">REF REF REF</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,24 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify-all, direction: rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 402px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; left: 0; height: 72px; }
|
||||
.rb2 { top: 0; left: 110px; height: 48px; }
|
||||
.rb3 { top: 0; left: 220px; height: 48px; }
|
||||
.rb4 { top: 0; left: 330px; height: 72px; }
|
||||
.rb5 { top: 48px; left: 165px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 510px; color: orange; font: 30px/1 Ahem; word-spacing: 20px; }
|
||||
div.last-line { word-spacing: 90px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div></div>
|
||||
<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div>
|
||||
<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,26 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: justify-all, direction: ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 402px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { text-align: right; position: relative; height:72px; }
|
||||
.rb { position: absolute; background-color: orange; width: 72px; }
|
||||
.rb1 { top: 0; right: 0; height: 72px; }
|
||||
.rb2 { top: 0; right: 110px; height: 48px; }
|
||||
.rb3 { top: 0; right: 220px; height: 48px; }
|
||||
.rb4 { top: 0; right: 330px; height: 72px; }
|
||||
.rb5 { top: 48px; left: 165px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 510px; color: orange; font: 30px/1 Ahem; word-spacing: 20px; }
|
||||
div.last-line { word-spacing: 90px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div style="direction: rtl;">
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div></div>
|
||||
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div></div>
|
||||
<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div>
|
||||
<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, direction: rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; direction: rtl; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 24px; }
|
||||
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REFER</div>
|
||||
<div class="ref">REFER</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, direction: ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; direction: ltr; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 24px; }
|
||||
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
|
||||
<div style="direction: rtl;">
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REFER</div>
|
||||
<div class="ref">REFER</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, dir=rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 24px; }
|
||||
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REFER</div>
|
||||
<div class="ref">REFER</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, dir=ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 24px; }
|
||||
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div dir="rtl">
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REFER</div>
|
||||
<div class="ref">REFER</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, direction: rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; direction: rtl; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 72px; }
|
||||
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, direction: ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; direction: ltr; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 72px; }
|
||||
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
|
||||
<div style="direction: rtl;">
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, dir=rtl</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 72px; }
|
||||
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, dir=ltr</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 72px; }
|
||||
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div dir="rtl">
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, dir=auto, RTL first strong</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 72px; }
|
||||
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, dir=auto, LTR first strong</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 72px; }
|
||||
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
|
||||
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div dir="rtl">
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
<div class="ref">REF REF REF REF REF REF REF REF</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, pre, dir=rtl inherited</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 48px; }
|
||||
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div dir="rtl">
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REF<br>ERE</div>
|
||||
<div class="ref">REF<br>ERE</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, pre, dir=ltr inherited</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 48px; }
|
||||
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div dir="ltr">
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REF<br>ERE</div>
|
||||
<div class="ref">REF<br>ERE</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, pre, dir=auto</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 48px; }
|
||||
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 24px; }
|
||||
.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px; height: 24px; }
|
||||
.ref1, .ref2 { border-left: 1px solid orange; border-right: 1px solid orange; margin-left: 20px; margin-right: 20px; width: 300px; color: orange; font: 25px/1 Ahem; }
|
||||
.ref1 { border-top: 1px solid orange; margin-top: 20px; text-align: left; }
|
||||
.ref2 { border-bottom: 1px solid orange; margin-bottom: 20px; text-align: right; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
|
||||
<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
|
||||
<div class="ref1">REF</div>
|
||||
<div class="ref2">ERE</div>
|
||||
<div class="ref1">REF</div>
|
||||
<div class="ref2">ERE</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>text-align: start, pre, dir=auto on surrounding block</title>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style type='text/css'>
|
||||
.test { text-align: start; }
|
||||
/* the CSS below is not part of the test */
|
||||
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; }
|
||||
.ref { position: relative; height: 48px; }
|
||||
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; }
|
||||
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref"><div id="rb1"></div></div>
|
||||
<div class="ref">REF<br>ERE</div>
|
||||
<div class="ref">REF<br>ERE</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue