리스트(2)
-
4-5. 목록(List) 스타일 - 2
1. list-style-position으로 목록 지정하기목록이 지정된 블록 영역의 "안쪽(inside)" 혹은 "바깥쪽(outside)"에 블릿을 표현합니다. 다음의 예제에서 그 결과를 확인할 수 있습니다. insidelist item1list item2list item3outsidelist item1list item2list item3 2. list-style-image으로 이미지 블릿 지정하기"list-style-image" 속성은 블릭을 이미지로 표현할 수 있게 하는데, 그 이미지의 위치를 섬세하게 지정할 수는 없기 때문에 보통 실무자들은 "background" 속성을 활용하는 편입니다. "list-style-image" 속성을 사용할 경우 불러 올 이미지의 경로는 "url()"로 지정합니다. l..
2018.02.05 -
4-5. 목록(List) 스타일 - 1
1. list-style-type으로 목록 타입 지정하기목옥에는 과 이 있습니다. "비순차적"인 목록은 항목 앞에 disc, circle, square 형태의 블릿(bullet) 표시가 생깁니다. "순차적"인 목록은 각 항목 별로 숫자가 붙는데, 알파벳이나 로마숫자로 변경할 수도 있습니다. css에서는 , 관계없이 모든 형태의 블릿과 넘버가 가능합니다.1-1. 비순차적 목록(Unordered List, ul) 타입 지정하기 이때 지정할 대상은 개별 항목인 보다는 모체에 해당하는 이나 요소에 지정하는 것이 좋습니다. 이와 같은 타입들은 각 항목을 꾸미기 위한 것이기보다 항목을 그룹화(Grouping)하려는 목적이 더 크기 때문입니다. 1-2. 순차적 목록(Ordered List, ol) 타입 지정하기요소를..
2018.02.02