Index: LayoutTests/fast/css/first-letter-different-renderers.html |
diff --git a/LayoutTests/fast/css/first-letter-different-renderers.html b/LayoutTests/fast/css/first-letter-different-renderers.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2a1d5a110c47727ca7e892e4c19ffda5192bd9b7 |
--- /dev/null |
+++ b/LayoutTests/fast/css/first-letter-different-renderers.html |
@@ -0,0 +1,54 @@ |
+<html> |
+<head> |
+ <style> |
+ h1 { margin: 8px 0px; font-size: 18px; } |
+ div, p, ul { margin: 0px; font-size: 14px; } |
+ .firstLetterBlock:first-letter, ul li:first-letter { font-size:16px; font-weight: bold; color: red; } |
+ ul li { list-style-type: none; } |
+</style> |
+</head> |
+<body> |
+ <div> |
+ <h1>Paragraphs with only one character</h1> |
+ <div> |
+ <p class="firstLetterBlock">A</p> |
+ <p class="firstLetterBlock"><b>B</b></p> |
+ <p class="firstLetterBlock"><em><b>C</b></em></p> |
+ </div> |
+ <h1>Paragraphs with leading spaces</h1> |
+ <div> |
+ <p class="firstLetterBlock"> Appetizers</p> |
+ <p class="firstLetterBlock"> <a href="#">Starters:</a> Soups & Salads</p> |
+ <p class="firstLetterBlock"> Main Course: <a href="#">Pasta</a></p> |
+ <p class="firstLetterBlock"> <a ref="#"> </a> Dessert: <a href="#">Pasta</a></p> |
+ </div> |
+ <h1>Multiple paragraphs inside nested blocks (only the first one should get the first-letter)</h1> |
+ <div class="firstLetterBlock"> |
+ <div> |
+ <p>“(A)”: Appetizers</p> |
+ <p>“(<a href="#">B</a>)”: <a href="#">Starters:</a> Soups & Salads</p> |
+ <p>“<b>(</b><a href="#">C</a><b>)</b>”: Main Course: <a href="#">Pasta</a></p> |
+ </div> |
+ </div> |
+ <h1>List with spaces after the leading dot</h1> |
+ <ul> |
+ <li>· Appetizers</li> |
+ <li>· <a href="#">Starters:</a> Soups & Salads</li> |
+ <li>· Main Course: <a href="#">Pasta</a></li> |
+ </ul> |
+ <h1>List without spaces after the leading dot</h1> |
+ <ul> |
+ <li>·Appetizers</li> |
+ <li>·<a href="#">Starters:</a> Soups & Salads</li> |
+ <li>·Main Course: <a href="#">Pasta</a></li> |
+ </ul> |
+ <h1>first-letter with multiple punctuation characters</h1> |
+ <ul> |
+ <li>“(A)”: Appetizers</li> |
+ <li>“(<a href="#">B</a>)”: <a href="#">Starters:</a> Soups & Salads</li> |
+ <li>“<b>(</b><a href="#">C</a><b>)</b>”: Main Course: <a href="#">Pasta</a></li> |
+ <li><q><b>(</b><a href="#">D</a><b>)</b></q>: Desserts</li> |
+ </ul> |
+ </div> |
+</body> |
+</html> |