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. 블록 block- 태그를 사용해 요소 삽입 시 혼자 한 줄을 차지하는것-> 해당 요소의 너비가 100%- 블록 레벨 요소의 왼쪽이나 오른쪽에 다른 요소가 올 수 없다! 롯데 자이언츠 2023 프로야구 정규시즌우승팀은 롯데 자이언츠 2. 인라인 inline- 태그를 사용해 요소 삽입 시 해당 콘텐츠만큼만 영역을 차지-> 나머지 공간에 다른 요소 삽입 가능- 한 줄에 여러 개의 인라인 레벨 요소 삽입 가능 롯데 자이언츠 2023 프로야구 정규시즌우승팀은 롯데 자이언츠   3. 박스 모델의 기본 구성웹 문서의 블록 레벨 요소는 모두 박스 형태스타일 시트에서는 이렇게 박스 형태인 요소를 '박스 모델 요소'라고 한다. 3-1. 콘텐츠 영역3-2. 패딩 padding:  박스와..

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 불릿 대신 이미지를 사용..