Border
보더는 마진과 패딩 사이에 있는 테두리다.
예를 들어 표를 만들 때 각 칸을 나누는 선이라던가..
보더를 만들때는 border-style 속성을 써주면 된다.
들어갈 수 있는 값으로는
solid : 일반 선
dotted : .... 같은 점선
dashed : ---- 같은 점선
groove : 입체적인 테두리를 만들어 버튼처럼 만들어준다
ridge : 입체적인 테두리를 만들어 액자처럼 만들어준다
등이 있다.
border-width 를 사용해서 테두리의 두께를 지정해 줄 수 있고,
패딩과 마진과 비슷하게 상하좌우 두께를 따로 지정해줄 수 있다.
border-left-width : 보더 좌측 테두리
border-right-width : 보더 우측 테두리
border-top-width : 보더 위쪽 테두리
border-bottom-width : 보더 아래 테두리
border-color 는 당연하게도 테두리의 색깔을 지정해주는 속성이다
예시를 보자
CSS 예시
HTML 예시
출력 예시.
'웹 > CSS' 카테고리의 다른 글
CSS Margin 과 Padding (0) | 2018.06.27 |
---|---|
CSS 글꼴 설정 (0) | 2018.06.26 |
CSS 기본 [2] (0) | 2018.06.26 |
CSS 기본 [1] (0) | 2018.06.23 |