English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <input> align 속성

input align 속성은 <input type ="image">와 함께 사용되며, 주변 요소에 따라 이미지 입력의 정렬 방식을 지정합니다.

 HTML <input> 태그

온라인 예제

이미지로 submit 버튼을 사용하는 HTML 양식. submit 버튼을 왼쪽에 정렬합니다:

!DOCTYPE html>
<html>
<head>
<title>HTML:<input> align 속성 - 기본 튜토리얼 웹(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit" align="left" width="48" height="48">
</form>
</body>
</html>
테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

주의:모든 주요 브라우저에서는 align 속성의 "left"과 "right" 값만이 정상적으로 작동합니다.

정의와 사용 방법

HTML5 <input> align 속성을 지원하지 않습니다. CSS를 사용하세요.

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

align 속성은 <input type="image">와 함께 사용할 수 있습니다. 주변 요소에 대한 이미지의 정렬 방식을 정의합니다.

호환성 주석

HTML에서 4.01 에서 <input>의 align 속성은 더 이상 사용되지 않습니다. CSS를 사용하세요.

CSS 문법:<input type="image" style="float:right">

CSS 예제: 입력 이미지 정렬

CSS 교육에서 더 많은 정보를 찾을 수 있습니다. float 속성의 세부 사항.

문법

<input align="left|right|middle|top|bottom">

속성 값

설명
left왼쪽 정렬된 이미지(기본값).
right오른쪽 정렬된 객체.
top위로 정렬된 이미지.
middle가운데 정렬된 이미지.
bottom아래로 정렬된 이미지.
 HTML <input> 태그