CSS 속성 스타일, 이벤트, 컬렉션, 필터, 메소드, 객체 및 스타일의 전체 컬렉션

태그 속성/속성
동작
컬렉션
이벤트
필터
메서드
객체
스타일
태그 속성 속성 설명
ALIGN 정렬 설정 또는 가져오기 테이블 배열.
ALLOWTRANSPARENCY letTransparency는 객체가 투명할 수 있는지 여부를 설정하거나 가져옵니다.
APPLICATION APPLICATION 브라우저 안전 모드를 제외하기 위해 객체의 콘텐츠가 HTML 애플리케이션(HTA)인지 여부를 나타냅니다.
ATOMICSELECTION은 요소와 해당 내용을 보이지 않는 단위로 균일하게 선택할 수 있는지 여부를 지정합니다.
BEGIN start 이 요소에서 타임라인이 재생되기 전의 지연 시간을 설정하거나 가져옵니다.
BORDER 테두리는 3D 테두리를 포함하여 프레임 사이의 공간을 설정하거나 가져옵니다.
canHaveChildren 객체가 하위 항목을 포함할 수 있는지 여부를 나타내는 값을 가져옵니다.
canHaveHTML 객체에 리치 HTML 태그가 포함될 수 있는지 여부를 나타내는 값을 가져옵니다.
CLASS className은 객체의 클래스를 설정하거나 가져옵니다.
contentWindow는 지정된 프레임 또는 iframe의 창 개체를 가져옵니다.
DATAFLD dataFld 지정된 객체의 지정된 데이터 소스에 바인딩된 dataSrc 속성으로 지정된 필드를 설정하거나 가져옵니다.
DATASRC dataSrc는 데이터 바인딩에 사용되는 데이터 소스를 설정하거나 가져옵니다.
disabled 사용자가 이 개체와 상호 작용할 수 있는지 여부를 나타내는 값을 가져옵니다.
END end 요소의 종료 시간을 나타내는 값 또는 요소가 반복으로 설정된 경우 단순 기간 종료 시간을 설정하거나 가져옵니다.
firstChild는 객체의 childNodes 컬렉션 중 첫 번째 하위 객체에 대한 참조를 가져옵니다.
FRAMEBORDER FrameBorder는 프레임의 테두리를 표시할지 여부를 설정하거나 가져옵니다.
hasMedia 요소가 HTML+TIME 미디어 요소인지 여부를 나타내는 부울 값을 가져옵니다.
HEIGHT 높이는 객체의 높이를 설정하거나 가져옵니다.
HIDEFOCUS hideFocus 객체에 명시적으로 포커스가 있는지 여부를 나타내는 값을 설정하거나 가져옵니다.
HSPACE hspace는 객체의 수평 여백을 설정하거나 가져옵니다.
ID id는 객체를 식별하는 문자열을 가져옵니다.
innerText는 객체의 시작 태그와 끝 태그 내에 있는 텍스트를 설정하거나 가져옵니다.
isContentEditable 사용자가 객체의 콘텐츠를 편집할 수 있는지 여부를 나타내는 값을 가져옵니다.
isDisabled 사용자가 이 개체와 상호 작용할 수 있는지 여부를 나타내는 값을 가져옵니다.
isMultiLine 객체의 내용에 한 줄 또는 여러 줄이 포함되어 있는지 여부를 나타내는 값을 가져옵니다.
isTextEdit 이 개체를 사용하여 TextRange 개체를 만들 수 있는지 여부를 가져옵니다.
LANG lang은 사용할 언어를 설정하거나 가져옵니다.
LANGUAGE 언어는 현재 스크립트 작성에 사용되는 언어를 설정하거나 가져옵니다.
lastChild는 이 개체의 childNodes 컬렉션에 있는 마지막 하위 개체에 대한 참조를 가져옵니다.
longDesc는 객체의 긴 설명에 대한 URI(Uniform Resource Identifier)를 설정하거나 가져옵니다.
MARGINHEIGHT marginHeight는 프레임에 텍스트를 표시하기 전 위쪽 및 아래쪽 여백의 높이를 설정하거나 가져옵니다.
MARGINWIDTH marginWidth는 프레임에 텍스트를 표시하기 전 왼쪽 및 오른쪽 여백 너비를 설정하거나 가져옵니다.
NAME 이름은 프레임의 이름을 설정하거나 가져옵니다.
nextSibling 이 객체의 다음 형제 객체에 대한 참조를 가져옵니다.
nodeName 특정 노드 유형의 이름을 가져옵니다.
nodeType은 필요한 노드의 유형을 가져옵니다.
nodue는 노드의 값을 설정하거나 가져옵니다.
offsetHeight는 상위 좌표 offsetParent 속성에 의해 지정된 레이아웃 또는 상위 좌표를 기준으로 객체의 높이를 가져옵니다.
offsetLeft offsetParent 속성으로 지정된 레이아웃 또는 상위 좌표를 기준으로 계산된 객체의 왼쪽 위치를 가져옵니다.
offsetParent 객체의 offsetTop 및 offsetLeft 속성을 정의하는 컨테이너 객체에 대한 참조를 가져옵니다.
offsetTop offsetTop 속성으로 지정된 레이아웃 또는 상위 좌표를 기준으로 계산된 객체의 상단 위치를 가져옵니다.
offsetWidth 부모 좌표 offsetParent 속성에 의해 지정된 레이아웃 또는 부모 좌표를 기준으로 개체의 너비를 가져옵니다.
onOffBehavior 지정된 Microsoft®DirectAnimation® 동작이 실행 중인지 여부를 나타내는 개체를 가져옵니다.
outerHTML은 객체와 그 내용의 HTML 형식을 설정하거나 가져옵니다.
outerText는 객체의 텍스트를 설정하거나 가져옵니다.
ownerDocument는 노드와 연결된 문서 객체를 설정하거나 가져옵니다.
parentElement 개체 계층 구조에서 상위 개체를 가져옵니다.
parentNode는 문서 계층 구조에서 상위 개체를 가져옵니다.
parentTextEdit 원본 개체가 포함된 TextRange를 만드는 데 사용할 수 있는 문서 계층 구조의 컨테이너 개체를 가져옵니다.
previousSibling 이 객체의 이전 형제 객체에 대한 참조를 가져옵니다.
readyState는 객체의 현재 상태를 가져옵니다.
readyState 객체의 현재 상태를 나타내는 값을 가져옵니다.
recordNumber 데이터세트에서 생성된 객체의 원본 레코드를 가져옵니다.
scopeName은 이 요소에 대해 정의된 네임스페이스를 가져옵니다.
SCROLLING 스크롤링은 프레임을 스크롤할 수 있는지 여부를 설정하거나 가져옵니다.
SECURITY SECURITY 프레임 또는 iframe의 소스 파일에 특정 보안 제한이 적용되었는지 여부를 나타내는 값을 가져옵니다.
sourceIndex는 소스 순서, 즉 개체가 문서의 전체 컬렉션에 나타나는 순서대로 개체의 순차적 위치를 가져옵니다.
SRC src 객체가 로드할 URL을 설정하거나 가져옵니다.
STYLE은 이 설정 요소에 대한 인라인 스타일을 설정합니다.
SYNCMASTER syncMaster 시간 컨테이너가 이 요소의 재생을 동기화해야 하는지 여부를 설정하거나 가져옵니다.
SYSTEMBITRATE 시스템에서 사용 가능한 대역폭의 대략적인 bps를 가져옵니다.
SYSTEMCAPTION 프레젠테이션의 오디오 부분 대신 텍스트를 표시할지 여부를 나타냅니다.
SYSTEMLANGUAGE 사용자 컴퓨터의 옵션 설정에서 해당 언어가 선택되어 있는지 여부를 나타냅니다.
SYSTEMOVERDUBORSUBTITLE 프레젠테이션을 시청하고 있지만 재생되는 오디오 언어에 익숙하지 않은 사용자를 위해 더빙 또는 자막을 렌더링할지 여부를 지정합니다.
TABINDEX tabIndex는 개체의 탭 순서를 정의하는 인덱스를 설정하거나 가져옵니다.
tagName은 객체의 태그 이름을 가져옵니다.
tagUrn은 네임스페이스 선언에 지정된 URN(Uniform Resource Name)을 설정하거나 가져옵니다.
TIMECONTAINER timeContainer는 요소와 연결된 타임라인 유형을 설정하거나 가져옵니다.
TITLE title 객체의 상담 정보(툴팁)를 설정하거나 가져옵니다.
uniqueID 객체에 대해 자동으로 생성된 고유 식별자를 가져옵니다.
UNSELECTABLE은 요소를 선택할 수 없음을 지정합니다.
VSPACE vspace는 객체의 수직 여백을 설정하거나 가져옵니다.
WIDTH 너비는 개체의 너비를 설정하거나 가져옵니다.

즉시 ​​설치 가능한 방법.

download는 파일을 다운로드하고 다운로드가 완료된 후 지정된 콜백 함수에 알립니다.

homePage에는 사용자의 홈페이지에 대한 정보가 포함되어 있습니다.

time은 HTML 요소에 대한 활성 타임라인을 제공합니다.
time2는 HTML 요소 또는 요소 그룹에 대한 활성 타임라인을 제공합니다.

컬렉션

컬렉션 설명
all 객체에 포함된 요소 컬렉션에 대한 참조를 반환합니다.
속성은 객체 태그 속성의 컬렉션을 가져옵니다.
behaviorUrns 이 요소에 연결된 동작을 식별하는 URN(Uniform Resource Name) 문자열 컬렉션을 반환합니다.
childNodes 지정된 개체의 직계 자손인 HTML 요소 및 TextNode 개체의 컬렉션을 가져옵니다.
children 객체의 직계 자손인 DHTML 객체 컬렉션을 가져옵니다.

이벤트

이벤트 설명
onactivate 객체가 활성 요소로 설정되면 실행됩니다.
onafterupdate는 데이터 소스 개체의 연결된 개체가 성공적으로 업데이트된 후 데이터 바인딩 개체에서 트리거됩니다.
onbeforedeactivate는 activeElement가 현재 개체에서 상위 문서의 다른 개체로 변경되기 직전에 트리거됩니다.
onbeforeupdate는 데이터 소스 개체의 연결된 개체가 성공적으로 업데이트되기 전에 데이터 바인딩 개체에서 트리거됩니다.
onblur는 객체가 입력 포커스를 잃을 때 트리거됩니다.

oncontrolselect 사용자가 객체에 대한 컨트롤 선택을 생성하려고 할 때 실행됩니다.

ondeactivate는 activeElement가 현재 객체에서 상위 문서의 다른 객체로 변경될 때 트리거됩니다.

onerrorupdate는 데이터 소스 개체에서 관련 데이터를 업데이트하는 동안 오류가 발생하면 데이터 바인딩 개체에서 트리거됩니다.

onfocus 객체가 초점을 얻었을 때 실행됩니다.
onload는 브라우저가 객체 로드를 완료한 직후에 트리거됩니다.
onmove 객체가 움직일 때 실행됩니다.
onmoveend 객체가 이동을 멈출 때 발생합니다.
onmovestart 객체가 움직이기 시작할 때 발생합니다.
onreadystatechange는 객체 상태가 변경될 때 트리거됩니다.
onresizeend는 사용자가 컨트롤의 선택 영역에서 개체의 크기를 변경할 때 트리거됩니다.
onresizestart 사용자가 컨트롤의 선택 영역에서 개체의 크기를 변경하기 시작할 때 발생합니다.
ontimeerror 특정 시간 오류가 발생할 때 무조건 발생합니다. 일반적으로 속성을 잘못된 값으로 설정하여 발생합니다.

필터

필터 속성 설명
알파는 개체 콘텐츠의 불투명도를 조정합니다.
AlphaImageLoader는 객체의 경계와 객체의 배경 사이에 콘텐츠를 표시하고 선택적으로 이미지 크기를 자르거나 크기를 조정합니다. PNG(Portable Web Graphics)를 로드할 때 0~100%의 투명도가 지원됩니다.
반은 문을 열거나 닫아 사물의 새로운 내용을 표시합니다.
BasicImage 개체 내용의 색상 처리, 이미지 회전 또는 불투명도를 조정합니다.
BlendTrans는 원본 콘텐츠를 페이드 아웃하여 개체의 새 콘텐츠를 표시합니다.
블라인드는 사각지대를 열거나 닫는 동작으로 사물의 새로운 내용을 드러냅니다.
Blur 초점이 맞지 않게 보이도록 개체의 내용을 흐리게 합니다.
CheckerBoard 원본 콘텐츠 위에 겹쳐진 체커보드를 찾아 개체의 새 콘텐츠를 표시합니다.
Chroma 객체 내용의 지정된 색상을 투명하게 만듭니다.
Compositor는 개체의 새 콘텐츠를 이전 콘텐츠와 새 콘텐츠의 논리적인 색상 조합으로 표시합니다. 각 버전의 색상 및 알파 값을 계산하여 출력 이미지의 최종 색상을 결정합니다.
DropShadow는 객체 내용의 단색 그림자를 생성하며 지정된 방향으로 오프셋됩니다. 이렇게 하면 콘텐츠가 떠 있는 것처럼 나타나 그림자가 생성됩니다.
엠보스는 회색조 값을 사용하여 엠보싱 텍스처로 객체를 표시합니다.
조각은 회색조 값을 사용하여 물체에 새겨진 질감을 표시합니다.
페이드 원본 콘텐츠를 페이드 아웃하여 개체의 새 콘텐츠를 표시합니다.
FlipH는 개체 내용을 가로로 뒤집어서 표시합니다.
FlipV는 개체 내용을 수직으로 뒤집힌 형태로 표시합니다.
글로우 개체의 가장자리 외부에 글로우를 추가하여 빛나는 것처럼 보이도록 합니다.
그라디언트는 개체의 배경과 콘텐츠 사이에 그라데이션 색상 표면을 표시합니다.
GradientWipe는 원본 콘텐츠를 오버레이하는 그라데이션 밴드 형태로 개체의 새 콘텐츠를 표시합니다.
회색은 개체 내용을 회색조로 표시합니다.
ICMFilter는 ICM(이미지 색상 관리) 프로필에 따라 개체의 색상 내용을 변환합니다. 이를 통해 지정된 콘텐츠의 표시를 개선하거나 프린터나 모니터와 같은 하드웨어 장치의 표시를 에뮬레이트할 수 있습니다.
Inset은 개체의 새로운 내용을 대각선으로 표시합니다.
반전 개체 내용의 색조, 채도, 밝기를 반전합니다.
Iris는 카메라 조리개가 열리는 것과 유사한 무지개 효과로 개체의 새로운 내용을 표시합니다.
빛 개체의 내용에 조명 효과를 만듭니다.
MaskFilter 객체 내용의 투명한 픽셀을 컬러 마스크로 표시하고, 불투명 픽셀을 투명하게 표시합니다.
행렬 행렬 변환을 사용하여 객체의 내용을 확대, 회전 또는 시각화합니다.
MotionBlur는 모션 블러 효과를 사용하여 개체 콘텐츠를 표시합니다.
Pixelate는 개체의 내용을 색상이 있는 사각형으로 표시하며, 색상은 사각형이 대체하는 영역의 평균 색상 값에 따라 달라집니다. 이 필터 표시는 전환될 수 있습니다.
RadialWipe는 방사형 삭제 형태로 객체의 새로운 내용을 드러냅니다.
RandomBar는 무작위 픽셀 라인 폭발의 형태로 개체의 새로운 콘텐츠를 드러냅니다.
RandomDissolve는 무작위 픽셀 폭발의 형태로 개체의 새로운 콘텐츠를 드러냅니다.
리디렉션은 아직 지원되지 않습니다.
RevealTrans는 사전 정의된 24가지 전환 효과를 사용하여 개체의 새로운 콘텐츠를 공개합니다.
Shadow는 개체 내용의 단색 그림자를 생성하며 지정된 방향으로 오프셋됩니다. 이렇게 하면 그림자 효과가 생성됩니다.
슬라이드는 개체의 새로운 내용을 이미지 슬라이드 형식으로 표시합니다.
Spiral 나선형 운동의 형태로 사물의 새로운 내용을 드러냅니다.
늘이기(Stretch)는 원래 콘텐츠 위에 개체를 늘려서 개체의 새 콘텐츠를 드러냅니다. 큐브를 한 표면에서 다른 표면으로 이동하는 것과 같은 옵션이 있습니다.
스트립은 마치 톱이 원본 콘텐츠를 톱질하는 것처럼 개체의 원본 콘텐츠를 스트립 오버레이 형태로 표시합니다.
Wave는 개체의 내용에 수직 사인파 왜곡을 수행합니다.
바퀴 마치 바퀴가 원래 내용 위에 굴러가는 것처럼 회전 동작으로 개체의 새로운 내용을 드러냅니다.
Xray는 개체 내용의 색상 심도를 변경하여 흑백으로 표시합니다.
지그재그로 개체의 새 콘텐츠를 개체 위에서 앞뒤로 이동하면 원래 콘텐츠를 덮어쓰게 됩니다.

방법

메서드 설명
addBehavior 요소에 동작을 연결합니다.
appendChild는 객체에 하위 요소를 추가합니다.
applyElement는 요소를 다른 요소의 하위 또는 상위 요소로 만듭니다.
attachEvent 객체에서 이벤트가 발생할 때마다 호출되도록 지정된 함수를 이벤트에 바인딩합니다.
blur는 요소의 포커스를 잃게 만들고 onblur 이벤트를 트리거합니다.
clearAttributes는 객체에서 모든 태그 속성과 값을 제거합니다.
cloneNode는 문서 계층 구조에서 객체에 대한 참조를 복사합니다.
comComponentFromPoint는 특정 이벤트를 통해 지정된 좌표의 객체 위치를 반환합니다.
contains는 주어진 요소가 객체에 포함되어 있는지 확인합니다.
detachEvent 이벤트가 트리거될 때 함수가 알림을 받지 않도록 이벤트에서 지정된 함수를 바인딩 해제합니다.
dragDrop은 드래그 이벤트를 초기화합니다.
fireEvent는 객체의 지정된 이벤트를 트리거합니다.
focus는 요소가 포커스를 얻고 onfocus 이벤트에 지정된 코드를 실행하도록 합니다.
getAdjacentText는 인접한 텍스트 문자열을 반환합니다.
getAttribute는 지정된 태그 속성의 값을 가져옵니다.
getAttributeNode는 attribute.name 속성이 참조하는 속성 객체를 가져옵니다.
getElementsByTagName 지정된 요소 이름을 기반으로 객체 컬렉션을 가져옵니다.
getexpression_r 주어진 속성에 대한 표현식을 가져옵니다.
hasChildNodes 객체에 하위 항목이 있는지 여부를 나타내는 값을 반환합니다.
insertAdjacentElement는 지정된 위치에 요소를 삽입합니다.
insertAdjacentHTML 지정된 HTML 텍스트를 요소의 지정된 위치에 삽입합니다.
insertAdjacentText는 지정된 위치에 지정된 텍스트를 삽입합니다.
insertBefore는 문서 계층 구조에 요소를 상위 개체의 하위 노드로 삽입합니다.
mergeAttributes 모든 읽기/쓰기 태그 속성을 지정된 요소에 복사합니다.
normalize는 인접한 TextNode 객체를 병합하여 일반 문서 객체 모델을 생성합니다.
removeAttribute 객체의 지정된 태그 속성을 제거합니다.
removeAttributeNode는 객체에서 속성 객체를 제거합니다.
removeBehavior 요소를 분리하는 동작입니다.
removeChild는 요소에서 하위 노드를 제거합니다.
removeexpression_r 지정된 속성에서 표현식을 제거합니다.
removeNode는 문서 계층 구조에서 개체를 제거합니다.
replaceAdjacentText 요소의 인접한 텍스트를 바꿉니다.
replaceChild는 기존 하위 요소를 새 요소로 대체합니다.
replaceNode는 객체를 다른 요소로 대체합니다.
scrollIntoView는 개체를 가시 범위로 스크롤하여 창의 상단이나 하단에 정렬합니다.
setActive는 객체에 초점을 맞추지 않고 객체를 현재 객체로 설정합니다.
setAttribute는 지정된 태그 속성의 값을 설정합니다.
setAttributeNode는 속성 객체를 객체의 일부로 설정합니다.
setexpression_r은 지정된 객체의 표현식을 설정합니다.
swapNode는 문서 계층 구조에서 두 개체의 위치를 ​​바꿉니다.

객체

객체 설명
runtimeStyle 전역 스타일 시트, 인라인 스타일 및 HTML 태그 속성으로 지정된 것 이상의 객체 서식 및 스타일을 나타냅니다.
스타일은 특정 요소에 대해 가능한 모든 인라인 스타일의 현재 설정을 나타냅니다.

스타일

스타일 태그 속성 스타일 속성 설명
ACCELERATOR accelerator는 객체에 단축키가 포함되어 있는지 여부를 나타내는 문자열을 설정하거나 가져옵니다.
background-attachment backgroundAttachment는 배경 이미지가 문서 내의 개체에 첨부되는 방식을 설정하거나 가져옵니다.
background-color backgroundColor는 객체 콘텐츠의 색상을 설정하거나 가져옵니다.
background-position-x backgroundPositionX는 backgroundPosition 속성의 x 좌표를 설정하거나 가져옵니다.
background-position-y backgroundPositionY는 backgroundPosition 속성의 y 좌표를 설정하거나 가져옵니다.
동작 동작 DHTML 동작의 위치를 ​​설정하거나 가져옵니다.
border-bottom borderBottom은 개체의 아래쪽 테두리 속성을 설정하거나 가져옵니다.
border-bottom-color borderBottomColor는 객체의 아래쪽 테두리 색상을 설정하거나 가져옵니다.
border-bottom-style borderBottomStyle은 개체의 아래쪽 테두리 스타일을 설정하거나 가져옵니다.
border-bottom-width borderBottomWidth는 개체의 아래쪽 테두리 너비를 설정하거나 가져옵니다.
border-color borderColor는 객체의 테두리 색상을 설정하거나 가져옵니다.
border-left borderLeft는 객체의 왼쪽 테두리 속성을 설정하거나 가져옵니다.
border-left-color borderLeftColor는 객체의 왼쪽 테두리 색상을 설정하거나 가져옵니다.
border-left-style borderLeftStyle은 개체의 왼쪽 테두리 스타일을 설정하거나 가져옵니다.
border-left-width borderLeftWidth는 개체의 왼쪽 테두리 너비를 설정하거나 가져옵니다.
border-right borderRight는 객체의 오른쪽 테두리 속성을 설정하거나 가져옵니다.
border-right-color borderRightColor는 객체의 오른쪽 테두리 색상을 설정하거나 가져옵니다.
border-right-style borderRightStyle은 객체의 오른쪽 테두리 스타일을 설정하거나 가져옵니다.
border-right-width borderRightWidth는 개체의 오른쪽 테두리 너비를 설정하거나 가져옵니다.
border-style borderStyle은 개체의 위쪽, 아래쪽, 왼쪽 및 오른쪽 테두리 스타일을 설정하거나 가져옵니다.
border-top borderTop은 객체의 위쪽 테두리 속성을 설정하거나 가져옵니다.
border-top-color borderTopColor는 객체의 테두리 색상을 설정하거나 가져옵니다.
border-top-style borderTopStyle은 개체의 테두리 스타일을 설정하거나 가져옵니다.
border-top-width borderTopWidth는 객체의 테두리 너비를 설정하거나 가져옵니다.
border-width borderWidth는 개체의 위쪽, 아래쪽, 왼쪽 및 오른쪽 테두리의 너비를 설정하거나 가져옵니다.
하단 하단은 문서 계층 구조에서 다음 위치에 있는 개체의 하단을 기준으로 개체의 위치를 ​​설정하거나 가져옵니다.
clear Clear 다음 텍스트가 플로팅 개체에 표시되지 않도록 개체가 플로팅 개체를 왼쪽, 오른쪽 또는 양쪽에 배치할 수 있는지 여부를 설정하거나 가져옵니다.
clip 클립은 위치가 지정된 개체의 어느 부분이 표시되는지 설정하거나 가져옵니다.
cursor 커서는 마우스 포인터가 객체를 가리킬 때 사용되는 마우스 포인터를 설정하거나 가져옵니다.
display 디스플레이는 객체를 렌더링해야 하는지 여부를 설정하거나 가져옵니다.
filter 필터는 객체에 적용되는 필터 또는 필터 컬렉션을 설정하거나 가져옵니다.
height height는 객체의 높이를 설정하거나 가져옵니다.
layout-gridlayoutGrid는 지정된 텍스트 문자 레이아웃의 결합된 문서 그리드 속성을 설정하거나 가져옵니다.
layout-grid-modelayoutGridMode는 텍스트 레이아웃 그리드가 2차원을 사용하는지 여부를 설정하거나 가져옵니다.
left left는 문서 계층 구조에서 다음 위치에 있는 개체의 왼쪽 가장자리를 기준으로 개체의 위치를 ​​설정하거나 가져옵니다.
margin 여백은 개체의 위쪽, 아래쪽, 왼쪽 및 오른쪽 여백을 설정하거나 가져옵니다.
margin-bottom marginBottom은 개체의 아래쪽 여백 너비를 설정하거나 가져옵니다.
margin-left marginLeft는 개체의 왼쪽 여백 너비를 설정하거나 가져옵니다.
margin-right marginRight는 개체의 올바른 여백 너비를 설정하거나 가져옵니다.
margin-top marginTop은 객체의 상단 여백 너비를 설정하거나 가져옵니다.
overflow-x OverflowX는 콘텐츠가 객체의 너비를 초과할 때 객체 콘텐츠를 관리하는 방법을 설정하거나 가져옵니다.
overflow-y OverflowY는 콘텐츠가 객체의 높이를 초과할 때 객체 콘텐츠를 관리하는 방법을 설정하거나 가져옵니다.
pixelBottom은 개체의 아래쪽 위치를 설정하거나 가져옵니다.
pixelHeight는 객체의 높이를 설정하거나 가져옵니다.
pixelLeft는 객체의 왼쪽 위치를 설정하거나 가져옵니다.
pixelRight는 개체의 올바른 위치를 설정하거나 가져옵니다.
pixelTop은 개체의 상단 위치를 설정하거나 가져옵니다.
pixelWidth는 객체의 너비를 설정하거나 가져옵니다. posBottom은 하단 태그 속성에 지정된 단위로 개체 아래의 위치를 ​​설정하거나 가져옵니다.
posHeight는 height 태그 속성에 지정된 단위로 객체의 높이를 설정하거나 가져옵니다.
position position은 객체가 사용하는 위치 지정 방법을 설정하거나 가져옵니다.
posLeft는 왼쪽 태그 속성에 지정된 단위로 객체의 왼쪽 위치를 설정하거나 가져옵니다.
posRight는 right 태그 속성에 지정된 단위로 개체의 올바른 위치를 설정하거나 가져옵니다.
posTop은 top 태그 속성에 지정된 단위로 객체 위의 위치를 ​​설정하거나 가져옵니다.
posWidth는 width 태그 속성에 지정된 단위로 객체의 너비를 설정하거나 가져옵니다.
right right 문서 계층 구조에서 다음 위치에 있는 개체의 오른쪽 가장자리를 기준으로 개체의 위치를 ​​설정하거나 가져옵니다.
float 스타일Float는 텍스트를 감싸야 하는 개체의 측면을 설정하거나 가져옵니다.
text-autospace textAutospace 텍스트의 자동 간격 및 좁은 공간 너비 조정을 설정하거나 가져옵니다.
top top은 문서 계층 구조에서 다음 위치에 있는 개체의 위쪽 경계를 기준으로 개체의 위치를 ​​설정하거나 가져옵니다.
visibility 가시성은 객체의 내용이 표시되는지 여부를 설정하거나 가져옵니다.
z-index zIndex는 위치가 지정된 객체의 쌓인 순서를 설정하거나 가져옵니다.
zoom 줌은 물체의 확대 비율을 설정하거나 가져옵니다.

메모

IFRAME 요소는 문서 내의 문서 또는 부동 프레임(FRAME)과 같습니다. 프레임 컬렉션은 IFRAME 콘텐츠에 대한 액세스를 제공합니다. IFRAME에 포함된 요소를 읽고 쓰려면 프레임 컬렉션을 사용하세요. 예를 들어 iframe 내에서 본문 개체의 backgroundColor 스타일에 액세스하려면 구문은 다음과 같아야 합니다.

sColor =document.frames("sFrameName").document.body.style.BackgroundColor;

via iframe 개체가 있는 페이지의 개체 모델입니다. iframe 개체의 속성에는 액세스할 수 있지만 콘텐츠에는 액세스할 수 없습니다. 예를 들어, iframe 객체의 테두리 스타일에 액세스하는 구문은 다음과 같아야 합니다.

sBorderValue = document.all.oFrame.style.border;

iframe의 속성은 다음과 같아야 합니다. document.all 접두사를 사용하여 액세스합니다(예: document.all.iframeId.marginWidth).
Internet Explorer 5.5는 부동 프레임에 대한 콘텐츠 투명성을 지원합니다. 부동 프레임에 대한 투명한 내용을 정의하려면 다음 조건을 충족해야 합니다.

IFRAME 요소와 함께 사용되는 ALLOWTRANSPARENCY 태그 속성은 true로 설정되어야 합니다.
IFRAME 콘텐츠 소스 문서에서 BODY 요소의 background-color 또는 BGCOLOR 태그 속성을 투명으로 설정해야 합니다.
투명 플로팅 프레임에 대한 자세한 내용은 투명 플로팅 프레임 사용을 참조하세요.

이 요소는 Microsoft® Internet Explorer 4.0의 HTML 및 스크립트에서 사용할 수 있습니다.

이 요소는 블록 요소입니다.

이 요소에는 닫는 태그가 필요합니다.

예

다음 예에서는 IFRAME 요소를 사용하여 페이지 Sample.htm이 포함된 프레임을 만듭니다.

다음 예에서는 IFRAME 컬렉션 참조.

var collAll = document.frames("IFrame1").document.all