CSS 목록 스타일 위치 속성


  번역 결과:

list

English [lɛst] US [lɛst]

n.목록, 천의 가장자리, 천의 끝; 목록, 포함... Record in the list Within

vi. Listed on the table

3인칭 단수: 목록 복수형: 목록 현재 분사: 목록 과거 시제: 목록 과거 분사: listed

style

English [staəl] American [staəl]

n. 스타일, 외모, 취향

vt. 디자인, 모양...

vi. 장식용 그림을 만드세요. : styles 복수형: styles 현재 분사형: Styling 과거 분사형: styled

position

English [pəˈzʃən] n 위치, 방향, 위치; . 배치하다... 적절한 위치에 배치하다...; 3인칭 단수: 위치 복수: 위치 현재 분사: 위치 과거 분사: 위치

CSS 목록 스타일 위치 속성통사론

기능: 목록 항목 표시를 배치할 위치를 설정합니다.

설명: 이 속성은 목록 항목의 내용을 기준으로 목록 표시의 위치를 ​​선언하는 데 사용됩니다. 외부 플래그는 목록 항목의 테두리에서 특정 거리에 배치되지만 이 거리는 CSS에서 정의되지 않습니다. 내부 플래그는 목록 항목 콘텐츠 앞에 삽입된 인라인 요소인 것처럼 처리됩니다.

참고: 모든 브라우저는 목록 스타일 위치 속성을 지원합니다.

CSS 목록 스타일 위치 속성예

<html>
<head>
<style type="text/css">
ul.inside 
{
list-style-position: inside
}

ul.outside 
{
list-style-position: outside
}
</style>
</head>

<body>
<p>该列表的 list-style-position 的值是 "inside":</p>
<ul class="inside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>

<p>该列表的 list-style-position 的值是 "outside":</p>
<ul class="outside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A