> display 속성
- 요소를 블록 레벨과 인라인 중 어떤 쪽으로 처리할지 정의하는 속성.
- 요소를 배치할 레이아웃을 결정하는 것도 가능함.
> display 속성값
- inline : 인라인으로 처리.
- block : 블록 레벨로 처리.
- inline-block : 인라인으로 배치하되, 블록 레벨의 속성 추가 가능.
- none : 표시하지 않음.
> border 속성
- 요소가 차지하고 있는 영역에 테두리를 표시하는 속성.
- 속성값으로 테두리의 두께, 모양, 크기 등을 지정함(단축속성).
ex.
> 두께가 3px인 직선 모양의 분홍색 테두리를 표시함.
> border 의 하위 속성
- 속성값을 따로 지정하는 것도 가능함.
- border-color : color 속성과 동일.
- border-width : thick, medium, thin 등의 키워드 / px, em, rem 등의 단위
- border-style : none(기본값), solid(직선), dotted(점선), dashed(파선) 등
> border 속성 예시
> display 속성 예시
'CSS' 카테고리의 다른 글
| [CSS] padding 속성과 margin 속성 (0) | 2023.11.02 |
|---|---|
| [CSS] 박스모델이란? (0) | 2023.11.02 |
| [CSS] 텍스트 관련 속성 (0) | 2023.10.30 |
| [CSS] 기본 선택자와 그룹 선택자 (0) | 2023.10.30 |
| [CSS] 기본 문법 (ft. HTML에 CSS 더하기) (0) | 2023.10.30 |