티스토리 뷰

노트/HTML5

DoIt - 텍스트와 목록 관련 스타일

태엽푸는새 2016. 8. 27. 08:09



font-family

글꼴 이름


font-size

글꼴 크기

px, pt, em


font-style

normal, italic


font-variant

small-caps

소문자를 작은 대문자로 표시


font-weight

normal, bold, lighter

100~900

기본값 : normal, 400


text-align

좌우 정렬


text-shadow

그림자

h-shadow v-shadow blur color;


text-decoration

none, underline, overline, line-through


text-indent

들여쓰기


text-transform

대문자 혹은 소문자로 변환


letter-spacing,

word-spacing

글자 사이의 간격 조절


line-height

줄 간격 조절


목록 관련


list-style-type

불릿 유형 지정


disc : 검정 원

circle : 검정 테두리 원

square : 검정 사각형

none : 감춤


decimal : 1로 시작하는 십진수

decimal-leading-zeor : 0이 앞에 붙는 십진수

lower-roman : 소문자 로마 숫자

upper-roman : 대문자 로마 숫자

lower-greek : 소문자 그리스 문자

lower-alpha 또는 lower-latin: 소문자 알파벳

upper-alpha 또는 upper-latin : 대문자 알파벳


list-style-position

inside : 불릿을 안으로

outside : 불릿을 밖으로


list-style-image

불릿 대신 이미지

url(이미지주소)


list-style

type + position

순서 상관 없음

'노트 > HTML5' 카테고리의 다른 글

DoIt - CSS 기초  (0) 2016.08.25
DoIt - 상품 주문서  (0) 2016.08.24
DoIt - input  (0) 2016.08.22
DoIt - input  (0) 2016.08.21
DoIt - 멀티미디어  (0) 2016.08.21
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함