支援CSS1 以上
CSS2 (:first-line).
CSS3 (::first-line).
用法：first-line
說明：
套用定義的tag元素的第一行字
css定義：
套用p tag 裡的第一行字
p::first-line {
font-size: 20px; 字型20像素
color: red; 字顏色red
background-color: yellow; 背景色 yellow
}
注意事項：
first-line 限以下可套用：
font properties
color properties
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
程式：
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 first-line元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
p::first-line{
font-size: 20px;
color: red;
background-color: yellow;
}
</style>
</head>
<body>
<p>css基本定義 first-letter<br> 套用樣式 1</p>
<div>
<p>css基本定義 first-letter<br> 套用樣式 2</p>
<p>css基本定義 first-letter<br> 套用樣式 3</p>
</div>
</body>
</html>
圖1：
測試結束~
如果還不了解可參考：w3schools CSS Selector Reference
感謝~
其它文章
沒有留言:
張貼留言