display 속성
- display 속성은 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지 정의한다.
display 속성값
- display에는 미리 정의되어 있는 키워드를 속성값으로 지정한다.
| 속성값 | 의미 |
|---|
| inline | 인라인으로 처리한다. |
| block | 블록 라벨로 처리한다. |
| inline-block | 인라인으로 배치하되, 블록라벨 요소의 속성을 추가할 수 있도록 처리한다. |
| none | 디스플레이(표시)하지 않는다. |
border
- border 속성을 사용하면 요소가 차지하고 있는 영역에 테두리를 그릴 수 있다.
- border 속성에는 속성값으로 테두리의 두께,모양,크기 등을 함께 지정할 수 있는데, 이러한 속성을 '단축속성'이라 한다.
span{ border:3px solid yellow ; }
border 속성의 하위 속성
- border 속성에 지정하는 값들을 따로따로 지정할 수도 있다.
| 속성값 | 속성값 예 |
|---|
| border-color | color 정의 방식과 동일 |
| border-width | thin,medium,thick등의 키워드 또는 px,em,rem 등의 단위 |
| border-style | none(기본값),solid(직선),dotted(점선),dashed(긴 점선) 등 |
