4. Block의 특징(3)-border

<borde>

block의 경계부분

 

 

block뿐 아니라 inline에도 적용 가능함.

노란색의 부분이 border

 

 

1) border의 속성

border의 속성들.

border은 많은 속성을 가지고 있음. 그러나 사용하는 종류만 사용하게 됨.

주로 점선의 형태보다는 실선의 형태를 많이 사용함.

 

 

2) border 적용하기

< div   id = " first " > 박스에 파란색이고 두께는 2인 실선을 적용함.

원하는 두께, 원하는 스타일, 색상 순서로 작성하면

짜잔~ 경계가 생김.

 

 

3) 전체에 border 적용하기

박스 전체에 border을 적용한 모습.

*을 사용하여 전체에 border 적용 가능

모든 태그에 적용됨. (block, inline 모두 적용됨)