이미지 링크시 생기는 파란색 테두리 제어하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

이미지를 불러오는 태그<img src="">에 링크를 거는 경우 파란색 테두리가 생깁니다.
이를 없애기위해 보통 border="0" 이란 태그를 사용합니다.
하지만 이미지 태그에 일일이 border="0"를 붙인다면 편집툴을 쓰지않는 경우엔 번거로운 일입니다.
또한 w3c에서는 border="0"를 사용하지 말것(OBSOLETE)을 권고하고 있습니다.

< img 의 속성으로 사용되는 요소는 다음과 같습니다. >
ⓘ global attributes
    Any attributes permitted globally.
ⓘ src = non-empty URL potentially surrounded by spaces
    A URL referencing a non-interactive, optionally animated, image that is neither paged nor scripted.
ⓘ alt = any value
    Equivalent content for those who cannot process images or who have image loading disabled.
ⓘ height = non-negative integer
    The height of the image, in CSS pixels.
ⓘ width = non-negative integer
    The width of the image, in CSS pixels.
ⓘ usemap = hash-name reference
    A hash-name reference to a map element with which to associate the image.
ⓘ ismap = "ismap" or "" (empty string) or empty
    Specifies that its img element provides access to a server-side image map.
ⓘ border = zero   < OBSOLETE/폐기 >
    Specifies that its img element represents a borderless image.
    The literal string "0".


이것을 css 로 대체하는 방법은 다음과 같습니다.
 
<style type="text/css">
<!--
img { border:0 }
//-->
</style>



관련자료
http://dev.w3.org/html5/markup/img.html
http://holyqt.com/xe/?mid=hompi01&document_srl=424