CSS border 속성이란?
border 속성은 이미지 테두리의 두께(너비)를 지정할 때 사용합니다. 이 속성에는 길이 단위(px, em 등) 또는 백분율(%) 값을 지정할 수 있으며, 너비를 0px로 설정하면 테두리가 전혀 표시되지 않습니다.
사용 예제
다음 코드를 실행하면 이미지 테두리의 너비를 설정하는 방법을 직접 확인할 수 있습니다.
<html> <head> </head> <body> <img style = "border:0px;" src = "/css/images/logo.png" /> <br /> <img style = "border:4px dashed green;" src = "/css/images/logo.png" /> </body> </html>
예제 설명
위 예제에서 첫 번째 이미지는 border:0px로 설정되어 테두리가 나타나지 않습니다. 반면 두 번째 이미지는 border:4px dashed green으로 지정되어, 두께 4픽셀의 초록색 점선 테두리가 이미지 주위에 표시됩니다.
이처럼 border 속성 하나만으로도 테두리의 두께뿐 아니라 스타일(dashed, solid 등)과 색상까지 한 번에 지정할 수 있습니다.