목록style (4)
YTCW
border-width: | thin | medium | thick1. border-style 속성테두리 스타일border-style 속성의 기본값 : none-> 속성값을 따로 지정하지 않으면 테두리 색상 두께를 지정하더라도 화면에 표시xnone테두리❌ : 기본값hidden테두리 감추기표에서 border-collapse: collapse일 경우 다른 테두리도 표시❌ solid테두리를 실선으로 표시dotted테두리를 점선으로 표시dashed테두리를 짧은 직선으로 표시double테두리를 이중선으로 표시, border-width값 : 두 선 사이의 간격groove테두리를 창에 조각한 것처럼 표시, 홈이 파인 듯한 입체 느낌inset표에서 border-collapse: seperate일 경우 → 전체 박스..
1.list-style-type 불릿 모양과 번호 스타일을 지정- 순서 없는 목록의 경우 목록 앞에 불릿 모양 지정- 순서 있는 목록의 경우 번호 스타일을 지정disc채운 원 모양●circle빈 원 모양○square채운 사각형 모양■decimal1부터 시작하는 10진수1, 2, 3, …decimal-leading-zero앞에 0이 붙는 10진수01, 02, 03, …lower-roman로마 숫자 소문자i, ii, iii, …upper-roman로마 숫자 대문자I, II, III, …lower-alpha / lower-latin알파벳 소문자a, b, c, …upper-alpha / upper-latin알파벳 대문자A, B, C, …none지정❌ 2. list-style-image 불릿 대신 이미지를 사용..
1. color웹 문서에서 문단이나 제목 등의 텍스트에서 글자색을 변경속성값 : 16진수 OR rgb(rgba 가능), hsl(hsla가능) OR 색상 이름/*기본형*/color: /* rgb 표기법으로 파란색 지정하기 */h1 { color: rgb(0, 0, 255); } 2. text-align텍스트 정렬문단의 텍스트 정렬 방법 지정워드나 한글 문서에서 사용하는 모든 방향 정령 등을 웹 문서에서도 지정이 가능하다./*기본형*/text-align: start | end | left | center | justify | match-parentstart현재 텍스트 줄의 시작 위치에 맞추어 문단을 정렬end현재 텍스트 줄의 끝 위치에 맞추어 문단을 정렬left왼쪽에 맞추어 문단을 정렬right오른쪽에 맞추..
1. font-family/*기본형*/font-family: | [, ]body { font-family: "맑은 고딕", 돋움, 굴림 } - 웹 문서의 텍스트는 사용자 시스템의 글꼴을 이용해 웹 브라우저 화면에 표시- 웹 문서에서 지정한 글꼴이 사용자 시스템에 설치❌ → 의도한 글꼴이 아닌 글꼴로 표시- 2개 이상 지정 가능- 두 단어 이상으로 된 글꼴 이름은 큰 따옴표로 표시- 태그 스타일에서 한번 정의하면 문서 전체에 적용→ 문서 안의 모든 자식 요소에 같은 글꼴 사용 기본형 기호 [기본형] 표기 방식: W3C 표준 규약에서도 사용 1. | 나열한 옵션 중 하나가 값이 되어야 한다 font-size: 값1 | 값2 | 값3 2. 속성값을 나열할 때 키워드(약속한 값)는 그대로 나열 font-var..