테두리2 [CSS] 박스 모델 html/css를 처음 다룰때 인라인 요소와 블록 요소를 다뤘었습니다. 이 중 블록 요소는 한 칸을 차지하며, 자동 줄바꿈이 이루어진다고 했습니다. 그래서 블록 요소를 살펴보면 웹 페이지에서 박스 모양의 공간을 가지게 되는데 이런 요소들을 박스 모델이라고 부릅니다. 인라인 요소와 블록 요소에 대한 설명은 아래 링크로... 2020/08/18 - [Programming/HTML,CSS] - [HTML/CSS] 블록 요소와 인라인 요소 마진과 패딩, 테두리를 조작하는 속성 2021/01/25 - [Programming/HTML,CSS] - [CSS] 마진(margin)과 패딩(padding) 2021/01/25 - [Programming/HTML,CSS] - [CSS] 콘텐츠 영역 설정하기 2021/01/2.. 2021. 1. 27. [CSS] 테두리 속성 BORDER 콘텐츠와 마진, 패딩을 다루었고 이번엔 마진과 패딩의 사이 테두리에 대한 속성들을 다루려고 합니다. border-width: 속성 값; border-width 속성은 테두리의 굵기를 지정합니다. px등의 단위를 이용해 두께를 직접 지정하거나, thin/medium/thick의 키워드를 이용해 굵기를 지정할 수 있습니다. border-top/bottom/left/right-width를 통해 특정 위치의 굵기를 지정할 수 있습니다. border-style: 속성 값; border-style은 테두리의 모양을 지정합니다. 속성 값은 아래와 같으며 더 많은 속성 값은 링크에 있습니다. 속성 값; 효과 none 테두리 없음 (기본 값) dashed 대시( - )선으로 테두리 표시 dotted 점선으로 테두리 표시.. 2021. 1. 27. 이전 1 다음 300x250
