iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 15
0
Modern Web

挑戰 CSS 30 天系列 第 15

day15_list-style-position

  • 分享至 

  • xImage
  •  

list-style-position 屬性讓我們可以決定記號是否應該被視為是文字的一部份,並且由此而決定記號的位置。這個屬性可能的設定值為 "inside" 及 "outside"。預定值為 "outside"。

如以下範例:

<!DOCTYPE html>
<html>
<head>
  <title>CSS list-style-position</title>
  <meta charset="utf-8">
</head>
<body>
    <ul style='list-style-position:inside;'> 
	  <li>第一個項目<br>第一項目的第二行 
	  <li>第二個項目 
	</ul>
	<ul style='list-style-position:outside;'> 
	  <li>第一個項目<br>第一項目的第二行 
	  <li>第二個項目 
	</ul>
</body>
</html>

成果如下圖:
https://ithelp.ithome.com.tw/upload/images/20171218/20106496Zmw84OCFvk.png


上一篇
day14_list-style-type
下一篇
day16_list-style-image
系列文
挑戰 CSS 30 天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言