HTML 참조 매뉴얼

HTML 태그 전체

HTML: <img> hspace 속성

hspace 속성은 이미지의 좌측과 우측의 공백을 지정합니다.

온라인 예제

좌측과 우측 여백은 40 픽셀의 이미지：

예제

!DOCTYPE html
<html>
<head>
<title>HTML:<img> hspace 속성　-　기본 지침 웹 oldtoolbag.com</title>
<body>
<h4>이미지에 hspace 없음:</h4>
<p><img src="haha.gif" alt="haha face" width="42" height="42" align="middle">이는 어떤 텍스트입니다. 이는 어떤 텍스트입니다. 이는 어떤 텍스트입니다.</p>
<h4>이미지에 hspace:</h4>
<p><img src="haha.gif" alt="haha face" width="42" height="42" align="middle" hspace="4This is some text. This is some text. This is some text.</p>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 hspace 속성을 지원합니다.

정의와 사용법

HTML5 <img> hspace 속성을 지원하지 않습니다. CSS를 대체하세요.

HTML 4.01 에서, <img>의 hspace 속성은 더 이상 사용되지 않습니다.

hspace 속성은 이미지의 왼쪽과 오른쪽의 여백을 지정합니다

호환성 주석

HTML 4.01 에서, <img>의 hspace 속성은 더 이상 사용되지 않습니다. CSS를 대체하세요.

CSS 문법: <img style="margin: 0px 20px">

CSS 예제: 여백이 있는 이미지

CSS 교육에서는 margin에 대해 더 많이 배울 수 있습니다. margin 속성의 세부 사항.

문법

<img hspace="pixels">

속성 값

값	설명
pixels	이미지의 왼쪽과 오른쪽의 여백, 픽셀 단위로.

　HTML <img> 태그

HTML: <template> 태그