LayoutTests/fast/css/first-line-text-decoration-inherited-from-parent.html - WebKit - Git at Google

 <head>
     <title>CSS Test: Text Decoration with first-line pseudo element inherited from Parent Block</title>
     <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">
     <style type="text/css">
     div:first-line{
         font: 24px sans-serif;
         color: gray;
         letter-spacing: 5px;
         line-height: 48px;
     }
     div {
         color:red;
     }

      #div1:first-line{
         text-decoration: underline;
     }
     #div2:first-line{
         text-decoration: overline;
     }
     #div3:first-line{
         text-decoration: line-through;
     }

     #div1{
         text-decoration: underline;
     }
     #div2{
         text-decoration: overline;
         }
     #div3{
         text-decoration: line-through;
     }

     p {
         font-weight:bold;
     }
     div p {
         font-weight:bold;
         color:green;
     }
     </style>
 </head>
 <body>
         <h3>Test case for First-line text-decoration style inherited from Parent Block</h3>
         <p> The First line text and its text-decoration must be of the same color.</p>

         <div id="div1"><p>Underline Underline Underline Underline<br> Underline Underline Underline Underline<br> </p>Underline Underline Underline Underline </div>
         <br>
         <div id="div2"><p>Overline Overline Overline Overline<br> Overline Overline Overline Overline<br></p> Overline Overline Overline Overline </div>
         <br>
         <div id="div3"><p>Line-Through Line-Through Line-Through Line <br> Line-Through Line-Through Line-Through Line-Through<br> </p>Line-Through Line-Through Line-Through Line-Through </div>
         <br>
 </body>
	<head>
	<title>CSS Test: Text Decoration with first-line pseudo element inherited from Parent Block</title>
	<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">
	<style type="text/css">
	div:first-line{
	font: 24px sans-serif;
	color: gray;
	letter-spacing: 5px;
	line-height: 48px;
	}
	div {
	color:red;
	}

	#div1:first-line{
	text-decoration: underline;
	}
	#div2:first-line{
	text-decoration: overline;
	}
	#div3:first-line{
	text-decoration: line-through;
	}

	#div1{
	text-decoration: underline;
	}
	#div2{
	text-decoration: overline;
	}
	#div3{
	text-decoration: line-through;
	}

	p {
	font-weight:bold;
	}
	div p {
	font-weight:bold;
	color:green;
	}
	</style>
	</head>
	<body>
	<h3>Test case for First-line text-decoration style inherited from Parent Block</h3>
	<p> The First line text and its text-decoration must be of the same color.</p>

	<div id="div1"><p>Underline Underline Underline Underline<br> Underline Underline Underline Underline<br> </p>Underline Underline Underline Underline </div>
	<br>
	<div id="div2"><p>Overline Overline Overline Overline<br> Overline Overline Overline Overline<br></p> Overline Overline Overline Overline </div>
	<br>
	<div id="div3"><p>Line-Through Line-Through Line-Through Line <br> Line-Through Line-Through Line-Through Line-Through<br> </p>Line-Through Line-Through Line-Through Line-Through </div>
	<br>
	</body>