CSS에서 border 속성을 사용하면 이미지 테두리의 너비를 손쉽게 설정할 수 있습니다. 이 속성은 픽셀(px)과 같은 길이 단위 또는 백분율(%) 값으로 지정할 수 있으며, 너비를 0픽셀로 설정하면 테두리가 전혀 표시되지 않습니다.
예제
아래 코드를 실행하면 이미지 테두리 너비를 설정하는 방법을 직접 확인할 수 있습니다. 첫 번째 이미지는 테두리가 없고, 두 번째 이미지는 초록색 점선 테두리가 적용됩니다:
<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 속성 하나로 테두리의 너비, 스타일, 색상을 동시에 지정할 수 있습니다.