This commit is contained in:
dbaron%dbaron.org 2007-03-25 19:26:40 +00:00
Родитель 84fb6f10e9
Коммит cd5d42ab25
15 изменённых файлов: 170 добавлений и 0 удалений

Просмотреть файл

@ -84,5 +84,8 @@ include counters/reftest.list
# first-letter/
include first-letter/reftest.list
# text-indent/
include text-indent/reftest.list
# text-transform/
include text-transform/reftest.list

Просмотреть файл

@ -0,0 +1,14 @@
# XXX Need to repeat these tests for RTL. (Note that != tests can't use
# same file.)
# Also need to test intrinsic widths (bug 368155).
!= text-indent-single-line-100.html text-indent-single-line-0.html
== text-indent-single-line-100.html text-indent-single-line-ref-margin.html
== text-indent-single-line-0.html text-indent-single-line-ref-unstyled.html
== text-indent-single-line-percent.html text-indent-single-line-percent-ref.html
== text-indent-single-line-indent-inline.html text-indent-single-line-indent-inline-ref-block-margin.html
== text-indent-single-line-indent-inline.html text-indent-single-line-indent-inline-ref-inline-margin.html
== text-indent-multiple-line.html text-indent-multiple-line-ref-inline-margin.html
== text-indent-multiple-line.html text-indent-multiple-line-ref-float.html
!= text-indent-multiple-line.html text-indent-multiple-line-notref-block-margin.html

Просмотреть файл

@ -0,0 +1,12 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { margin-left: 100px }
span { background: yellow }
</style>
</head>
<body>
<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,12 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
i { float: left; height: 0.3em; width: 100px; }
span { background: yellow }
</style>
</head>
<body>
<p><i></i><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
span { background: yellow; margin-left: 100px }
</style>
</head>
<body>
<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,12 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { text-indent: 100px }
span { background: yellow }
</style>
</head>
<body>
<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { text-indent: 0px }
</style>
</head>
<body>
<p>text</p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { text-indent: 100px }
</style>
</head>
<body>
<p>text</p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,12 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { margin-left: 100px }
span { background: yellow }
</style>
</head>
<body>
<p><span>text</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
span { background: yellow; margin-left: 100px }
</style>
</head>
<body>
<p><span>text</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,12 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { text-indent: 100px }
span { background: yellow }
</style>
</head>
<body>
<p><span>text</span></p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,14 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
div { width: 500px; }
p { width: 300px; text-indent: 50px; }
</style>
</head>
<body>
<div>
<p>text</p>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,14 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
div { width: 500px; }
p { width: 300px; text-indent: 10%; }
</style>
</head>
<body>
<div>
<p>text</p>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
p { margin-left: 100px }
</style>
</head>
<body>
<p>text</p>
</body>
</html>

Просмотреть файл

@ -0,0 +1,10 @@
<!DOCTYPE html>
<head>
<title>text-indent test</title>
<style type="text/css">
</style>
</head>
<body>
<p>text</p>
</body>
</html>