HTML DOM Details 개체는 HTML 요소와 연결됩니다. 이렇게 하면 사용자가 보고 싶어할 때만 표시할 수 있는 정보를 숨길 수 있습니다. 속성 다음은 세부 정보 개체의 속성입니다 - Sr.No 속성 및 설명 1 열기 세부 정보가 사용자에게 표시되어야 하는지 여부를 설정하거나 반환합니다. 구문 다음은 −의 구문입니다. 세부 정보 개체 만들기 - var p = document.createElement("DETAILS"); 예시 HTML DOM 세부 정보 개체에 대한 예를 살펴보겠습니다
HTML DOM 세부 정보 열기 속성은 HTML 열기 속성과 연결됩니다. 부울 속성이며 세부 정보가 사용자에게 표시되어야 하는지 여부를 지정하는 데 사용됩니다. true로 설정하면 세부 정보가 사용자에게 표시됩니다. 그러나 false로 설정하면 사용자에게 세부 정보를 숨길 수 있습니다. 구문 다음은 −의 구문입니다. 세부 정보 열기 속성 설정 - detailsObject.open = true|false 여기에서 true=Details가 표시되고 false=Details가 숨겨집니다. 세부 정보는 기본적으로 숨겨져 있습니다.
HTML DOM DFN 개체는 HTML 요소와 연결됩니다. 요소 내부의 텍스트는 주변 컨텍스트에서 정의되는 텍스트입니다. DFN 개체는 요소를 나타냅니다. 구문 다음은 −의 구문입니다. DFN 개체 만들기 - var p = document.createElement("DFN"); 예시 HTML DOM DFN 개체의 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h2>DFN object example</h2> <p&g
background 속성은 요소와 관련된 배경 이미지를 설정하거나 가져오는 데 사용됩니다. 약식 속성이며 최대 8개의 속성을 조작할 수 있습니다. 구문 다음은 −의 구문입니다. 배경 속성 설정 - object.style.background = "color image repeat attachment position size origin clip|initial|inherit" 값 다음은 값입니다 - Sr.No 값 및 설명 1 색상 요소 배경색을 설정합니다. 2 이미지 요소 배경 이미지를
backgroundAttachment 속성은 배경 이미지가 페이지 내용과 관련하여 스크롤되어야 하는지 여부를 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. backgroundAttachment 속성 설정 - object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit" 값 다음은 값입니다 - Sr.No 값 및 설명 1 스크롤 이것은 기본값이며 이미지와 함께 배경을 스크롤합니다. 2 고정 이렇게 하면 뷰포트와 관
backgroundClip 속성을 사용하면 배경 이미지가 칠해지는 범위, 즉 배경 이미지의 페인팅 영역을 제어할 수 있습니다. 해당 페인팅 영역을 설정하거나 반환하는 데 사용됩니다. 구문 다음은 −의 구문입니다. backgroundClip 속성 설정 - background-clip: border-box | padding-box | content-box 값 다음은 값입니다 - Sr.No 값 및 설명 1 테두리 상자 이것은 테두리 상자 내의 배경을 자르고 이것이 기본값입니다. 2 패딩 상자 패딩 상자 내에서 배경을 자
backgroundColor 속성은 요소의 배경색을 설정하거나 반환하는 데 사용됩니다. 표준 이름, rgb(), rgba(), hsl() 또는 hsla()로 값을 지정할 수 있습니다. 구문 다음은 −의 구문입니다. backgroundColor 속성 설정 - object.style.backgroundColor = "color|transparent 값 위의 속성 값은 다음과 같이 설명됩니다 - Sr.No 값 및 설명 1 색상 배경색을 지정합니다. 2 투명 배경색을 투명으로 설정합니다. 즉, 기본 콘텐츠를 볼
backgroundImage 속성은 요소의 배경 이미지를 설정하거나 반환하는 데 사용됩니다. 구문 다음은 −의 구문입니다. backgroundImage 속성 설정: object.style.backgroundImage = "url('URL')|none|initial|inherit" 값 위의 속성 값은 다음과 같이 설명됩니다 - Sr.No 값 및 설명 1 URL(URL) 이미지 파일 위치를 지정합니다. 2 없음 사용할 배경 이미지를 지정하지 않으며 기본값입니다. 3 초기 이 속성
background-origin 속성은 배경 원점, 즉 상대 위치를 설정하거나 가져오는 데 사용됩니다. 네 가지 상자 모델 영역 중 어느 것과도 관련될 수 있습니다. 구문 다음은 −의 구문입니다. backgroundOrigin 속성 설정하기 - object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit" 값 위의 속성 값은 다음과 같이 설명됩니다 - Sr.No 값 및 설명 1 패딩 상자 패딩 상자를 기준으로 배경
backgroundPosition 속성은 원점을 기준으로 요소의 배경 이미지에 대한 초기 위치를 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. backgroundPosition 속성 설정 - object.style.backgroundPosition = value 값 다음은 값입니다 - 값 설명 왼쪽 상단 상단 중앙 오른쪽 상단 중앙 왼쪽 중앙 센터 중앙 오른쪽 왼쪽 하단 하단 중앙 오른쪽 하단 위치는 이름으로 알 수 있습니다. 하나의 값만 쓰면 다른 하나는 항상 중앙에 위치합니다.
스타일 backgroundRepeat 속성은 배경 이미지가 반복되는 방식을 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. backgroundRepeat 속성 설정하기 - object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit" 값 다음은 위의 속성 값입니다 - Sr.No 값 및 설명 1 반복 이것은 기본값입니다. 배경 이미지를 세로 및 가로로 반복합니다. 2 반복 x 이것은 배경 이미
HTML DOM 스타일의 background-size 속성은 배경 이미지의 크기를 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. backgroundSize 속성 설정 - object.style.backgroundSize = "auto|length|cover|contain|intial|inherit" 속성 위의 속성은 다음과 같이 설명됩니다 - Sr.No 속성 및 설명 1 자동 배경 이미지는 전체 크기로 표시되며 기본값입니다. 2 길이 배경 이미지의 너비와 높이를 설정합니다. 첫
HTML DOM 스타일 테두리 속성은 요소의 테두리 속성을 가져오거나 설정하는 데 사용됩니다. border-width, border-style 및 border-color의 약식 속성입니다. 구문 다음은 −의 구문입니다. 테두리 속성 설정 - object.style.border = "width style color|initial|inherit" 매개변수 다음과 같이 설명된 위의 속성 - Sr.No 매개변수 및 설명 1 너비 테두리 너비를 설정하려면 2 스타일 테두리 너비를 설정하려면 3 색상
HTML DOM 양식 대상 속성은 양식 데이터가 제출된 후 응답이 표시되어야 하는 위치를 지정하는 데 사용됩니다. 새 탭, 현재 탭 또는 새 창에 표시될 수 있습니다. 양식 대상 속성은 대상 속성 값을 설정하거나 가져옵니다. 구문 다음은 −의 구문입니다. 대상 속성 설정 - formObject.target = "_blank|_self|_parent|_top|framename" 여기서 _blank는 새 창에서 응답을 열고 _self는 동일한 창에서 응답을 엽니다. parent는 상위 프레임에서 열리고 _top은
HTML DOM 양식 컬렉션은 HTML 문서 내부에 있는 모든 양식 요소를 컬렉션으로 반환하는 데 사용됩니다. 컬렉션에 있는 요소는 HTML 문서에 나타나는 것과 동일한 순서로 정렬되고 표시됩니다. 속성 다음은 양식 컬렉션의 속성입니다 - 속성 설명 길이 컬렉션의 요소 수를 반환하는 읽기 전용 속성입니다. 방법 다음은 양식 수집 방법입니다 - 메소드 설명 [색인] 주어진 인덱스의 컬렉션에서 요소를 반환합니다. 인덱싱은 0부터 시작하고 인덱스가 범위를 벗어나면 null이 반환됩니다. 항목(색인) 주어진 인덱스의
HTML DOM fullscreenElement 속성은 현재 전체 화면 모드로 표시되는 요소를 반환하는 데 사용됩니다. 주어진 요소가 전체 화면이 아닌 경우 null을 반환합니다. 구문 다음은 fullscreenElement 속성에 대한 구문입니다 - document.fullscreenElement fullscreenElement 속성의 예를 살펴보겠습니다 - 참고 − 이 예제에는 Chrome, Safari 및 Opera에 대한 표준 구문 및 브라우저 접두어만 있습니다. 브라우저 접두사는 마지막 섹션을 확인하십시오. 예시 예
HTML DOM fullscreenEnabled() 메서드는 현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 지정하는 데 사용됩니다. 반환 유형은 부울이며 읽기 전용 속성입니다. 전체 화면 모드를 사용할 수 있으면 True가 반환되고 그렇지 않으면 false가 반환됩니다. 브라우저에서 작동하도록 하기 위해 다양한 접두사가 사용됩니다. 구문 다음은 fullscreenEnabled() 메서드의 구문입니다. - document.fullscreenEnabled() fullscreenEnabled() 메서드의 예를 살펴보겠습니다
HTML DOM Geolocation 좌표 속성은 사용자의 장치 위치와 지구 고도를 가져오는 데 사용됩니다. 사용자는 이 속성이 작동하기 전에 좌표를 제공하고 싶다는 것을 승인해야 합니다. 이는 사용자의 개인정보가 침해되지 않도록 하기 위한 것입니다. 다양한 기기의 위치를 추적하는 데 사용할 수 있습니다. 속성 다음은 좌표 속성입니다 - 참고 − 이 모든 속성은 읽기 전용이며 반환 유형은 이중입니다. Sr.No 속성 및 설명 1 좌표.위도 장치 위치의 위도를 십진수로 반환합니다. 2 좌표.경도 장치 위치의 경도를 십
animationIterationCount 속성은 애니메이션이 재생되는 횟수를 설정하거나 가져오는 데 사용됩니다. 구문 다음은 −의 구문입니다. animationIterationCount 속성 설정 - object.style.animationIterationCount = "number|infinite|initial|inherit" 값 다음은 값입니다 - Sr.No 값 및 설명 1 숫자 애니메이션을 재생해야 하는 횟수를 나타내는 숫자 값입니다. 기본적으로 1로 설정됩니다. 2 무한 이렇게 하면 애니
animationName 속성은 @keyframes 참조에 대한 애니메이션 이름을 가져오거나 설정하는 데 사용됩니다. 구문 다음은 −의 구문입니다. animationName 속성 설정 - object.style.animationName = "none|keyframename|initial|inherit" 값 다음은 값입니다 - Sr.No 값 및 설명 1 없음 애니메이션이 없을 것임을 언급하는 기본값입니다. 2 키프레임 이름 선택기를 바인딩할 키프레임 이름을 지정합니다. 3 초기 이 속성을 초