Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML
  • C 프로그래밍
    •   
  • C++
    •   
  • Redis
    •   
  • BASH 프로그래밍
    •   
  • Python
    •   
  • Java
    •   
  • 데이터 베이스
    •   
  • HTML
    •   
  • JavaScript
    •   
  • 프로그램 작성
    •   
  • CSS
    •   
  • Ruby
    •   
  • SQL
    •   
  • IOS
    •   
  • Android
    •   
  • MongoDB
    •   
  • MySQL
    •   
  • C＃
    •   
  • PHP
    •   
  • SQL Server

    • HTML

    1. HTML DOM 스타일 animationPlayState 속성

      animationPlayState 속성은 실행 중인지 일시 중지되었는지 여부에 관계없이 애니메이션 상태를 설정하거나 가져오는 데 사용됩니다. 이것은 애니메이션을 토글할 때 유용합니다. 구문 다음은 의 구문입니다. animationPlayState 속성 설정 - object.style.animationPlayState = "running|paused|initial|inherit" 값 다음은 값입니다 - Sr.No 값 및 설명 1 실행 중 애니메이션이 현재 실행 중이고 기본값임을 지정합니다. 2 일시중

    2. HTML DOM 스타일 animationTimingFunction 속성

      animationTimingFunction은 주기 동안 애니메이션이 진행되는 방식을 지정하는 데 사용됩니다. 애니메이션에 대한 속도 곡선을 설정하거나 반환하면 됩니다. 속도 곡선은 애니메이션이 한 상태에서 다른 상태로 이동하는 데 걸리는 시간을 지정하여 전환이 얼마나 부드러운지를 정의합니다. 구문 다음은 −의 구문입니다. animationTimingFunction 속성 설정 - object.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-bezie

    3. HTML DOM 스타일 backfaceVisibility 속성

      backfaceVisibility 속성은 사용자가 보았을 때 요소의 뒷면을 볼 수 있는지 여부를 지정하는 데 사용됩니다. 요소를 회전할 때 요소의 뒷면을 보고 싶은지 여부를 확인하려면 3D 변환에만 중요합니다. 구문 다음은 −의 구문입니다. backfaceVisibility 속성 설정 - object.style.backfaceVisibility = "visible|hidden|initial|inherit" 값 다음은 값입니다 - Sr.No 값 및 설명 1 보임 이렇게 하면 뒷면이 보이게 되며 기본값입니다

    4. HTML DOM 스타일 alignContent 속성

      alignContent 속성은 flexbox 또는 그리드의 항목을 정렬하는 데 사용됩니다. 사용 가능한 공간을 모두 사용하지 않을 때 항목을 세로축에 정렬하는 데 사용됩니다. 구문 다음은 −의 구문입니다. alignContent 속성 설정 - object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit" 값 다음은 값입니다 - 값 설명 스트레치 기본값이며 컨테이너에 맞게 항목

    5. HTML DOM 스타일 alignItems 속성

      HTML DOM 스타일 alignItems 속성은 유연한 컨테이너 내부에 있는 항목 기본 정렬을 언급하는 데 사용됩니다. 구문 다음은 −의 구문입니다. alignItems 속성 설정 - object.style.alignContent = " stretch|center|flex-start|flex-end|baseline|initial|inherit" 값 다음은 값이 될 수 있습니다 - 값 설명 스트레치 기본값이며 컨테이너에 맞게 항목을 늘리는 데 사용됩니다. 중앙 컨테이너의 중앙에 항목을 배치하는 데 사

    6. HTML DOM 스타일 alignSelf 속성

      HTML DOM alignSelf 속성은 유연한 컨테이너 내부에 있는 주어진 항목 정렬을 지정하는 데 사용됩니다. alignSelf 속성은 요소의 그리드 또는 플렉스 디스플레이 레이아웃에서 지정된 align-items 값을 재정의하는 데 사용됩니다. 구문 다음은 −의 구문입니다. alignSelf 속성 설정하기 - object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit" 값 다음은 alignSelf 속성

    7. HTML DOM 스타일 애니메이션 속성

      CSS를 사용하면 요소 속성의 전환을 애니메이션할 수 있습니다. 애니메이션 속성을 사용하여 원하는 스타일을 정의합니다. animation 키워드를 사용하여 animation-name, animation-duration, animation-iteration-count 등과 같은 속성을 결합할 수 있습니다. 구문 애니메이션 속성의 구문은 다음과 같습니다 - object.style.animation = "name duration timingFunction delay iterationCount direction fillMode

    8. HTML DOM 스타일 animationDelay 속성

      animationDelay 속성은 애니메이션 시퀀스의 시작 시간을 지정하는 데 사용됩니다. 시간 간격 또는 중간에 즉시 시작하도록 설정할 수 있습니다. 구문 다음은 −의 구문입니다. animationDelay 속성 설정 - object.style.animationDelay = "time|initial|inherit" 값 다음 값이 될 수 있습니다 - 값 설명 시간 애니메이션이 시작되기 전에 대기하는 시간(초 또는 밀리초)을 언급합니다. 시간의 기본값은 0입니다. 초기 이 속성을 초기 값으로 설정합니

    9. HTML DOM 스타일 animationDirection 속성

      animationDirection 속성은 애니메이션의 방향을 지정하는 데 사용됩니다. 앞으로, 뒤로 또는 교대로 될 수 있습니다. 구문 다음은 −의 구문입니다. animationDirection 속성 설정 - object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit" 값 다음은 값입니다 - 값 설명 보통 애니메이션이 정상적으로 재생되어야 함을 나타내는 기본값입니다. 역방향 애니메이션이 반대로

    10. HTML DOM 스타일 animationDuration 속성

      animationDuration 속성은 애니메이션이 한 주기를 완료하는 데 걸리는 시간을 지정하는 데 사용됩니다. 구문 다음은 −의 구문입니다. animationDuration 속성 설정 - object.style.animationDuration = "time|initial|inherit" 값 다음은 값입니다 - 값 설명 시간 애니메이션이 시작되기 전에 대기하는 시간(초 또는 밀리초)을 언급합니다. 시간의 기본값은 0입니다. 초기 이 속성을 초기 값으로 설정합니다. 상속 상위 속성 값을 상속하려

    11. HTML DOM 스타일 animationFillMode 속성

      animationFillMode 속성은 실행 시간 외에 스타일이 적용되는 방식을 지정하는 데 사용됩니다. 이것은 애니메이션이 시작되기 전과 끝난 후에 CSS 애니메이션 스타일을 요소로 설정하는 데 유용합니다. 구문 다음은 −의 구문입니다. animationFillMode 속성 설정 - object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit" 값 다음은 값입니다 - 값 설명 없음 이렇게 하면 애니메이션이 시작하기 전이나

    12. HTML DOM 양식 reset() 메서드

      HTML DOM Form reset() 메서드는 양식 요소의 모든 값을 재설정하고 양식 요소의 value 속성을 사용하여 지정된 기본값을 표시하는 데 사용됩니다. 양식 데이터를 지우는 재설정 버튼 역할을 하며 어떤 종류의 매개변수도 사용하지 않습니다. 구문 다음은 형식 reset() 메서드에 대한 구문입니다 - formObject.reset() 예시 Form reset() 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <head> <style>  

    13. HTML DOM 양식 submit() 메서드

      HTML DOM Form submit() 메소드는 action 속성에 의해 지정된 주소로 양식 데이터를 제출하는 데 사용됩니다. 양식 데이터를 제출하는 제출 버튼 역할을 하며 어떤 종류의 매개변수도 사용하지 않습니다. 구문 다음은 Form submit() 메소드의 구문입니다 - formObject.submit() 예시 Form submit() 메서드의 예를 살펴보겠습니다. <!DOCTYPE html> <html> <head> <style>    form{  

    14. HTML DOM 스팬 객체

      HTML DOM 범위 개체는 HTML 요소와 연결됩니다. 각각 createElement() 및 getElementById() 메서드를 사용하여 span 요소를 만들고 액세스할 수 있습니다. 구문 다음은 −의 구문입니다. 스팬 객체 생성 - var a = document.createElement("SPAN"); 예시 span 개체의 예를 살펴보겠습니다. - <!DOCTYPE html> <html> <body> <h1>Span object example</h1&g

    15. HTML DOM 지정 속성

      HTML DOM 지정 속성은 속성이 지정되었는지 여부를 확인하는 데 사용됩니다. 속성이 지정되면 true를 반환하고 그렇지 않으면 false를 반환합니다. 주어진 속성이 생성되었지만 아직 요소에 연결되지 않은 경우에도 true를 반환합니다. 구문 다음은 지정된 속성에 대한 구문입니다 - attribute.specified 예시 지정된 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <p>Click the button find out if the

    16. HTML DOM stopPropagation() 이벤트 메서드

      HTML DOM stopPropagation() 이벤트 메서드는 지정된 요소의 전파를 중지하는 데 사용됩니다. 즉, 부모 요소를 클릭해도 자식에게 전파되지 않고 자식 요소를 클릭해도 stopPropagtion() 메서드를 사용하여 부모에게 전파되지 않습니다. 이벤트 전파를 이벤트 버블링이라고도 합니다. 구문 다음은 stopPropagation() 이벤트 메서드의 구문입니다. - event.stopPropagation() 예시 stopPropagation() 이벤트 메서드의 예를 살펴보겠습니다. - <!DOCTYPE html

    17. HTML DOM 저장 이벤트

      HTML DOM 저장 이벤트는 창의 저장 영역에 변경이 있을 때 트리거됩니다. 저장 이벤트는 다른 창이 창의 저장 영역을 변경하는 경우에만 트리거됩니다. 이 이벤트는 버블링되지 않으며 취소할 수도 있습니다. 구문 다음은 −의 구문입니다. window.addEventListener("storage", SCRIPT); 예시 Storage Event −의 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h1>Storage Event Example

    18. HTML DOM 저장소 getItem() 메서드

      HTML DOM Storage getItem() 메소드는 주어진 키 이름을 전달하여 스토리지 객체를 얻는 데 사용됩니다. 키의 값을 반환하고 해당 이름의 키가 없으면 NULL이 반환됩니다. 구문 다음은 Storage getItem() 메서드의 구문입니다. - localStorage.getItem(keyname); 또는 sessionStorage.getItem(keyname); 여기서 keyname은 string형으로 획득할 아이템의 이름을 나타냅니다. 예시 HTML DOM Storage getItem() 메서드에 대한 예를

    19. HTML DOM 저장소 key() 메서드

      HTML DOM Storage key() 메서드는 스토리지 객체의 지정된 인덱스에서 키 이름을 반환하는 데 사용됩니다. 인덱스는 key() 메소드에 매개변수로 전달됩니다. 스토리지 개체는 세션 개체 또는 localStorage 개체일 수 있습니다. 구문 다음은 −의 구문입니다. localStorage를 사용하는 저장소 key() 메서드 - localStorage.key(index); sessionStorage를 사용한 Storage key() 메소드 - sessionStorage.key(index); 여기서 index는 이름

    20. HTML DOM 저장 길이 속성

      HTML DOM 저장소 길이 속성은 브라우저의 저장소 개체 내부에 있는 항목 수를 가져오는 데 사용됩니다. 저장소 개체는 localStorage 개체 또는 sessionStorage 개체일 수 있습니다. 구문 다음은 −의 구문입니다. localStorage 객체를 사용한 저장 길이 속성 - localStorage.length; sessionStorage 객체를 사용한 저장 길이 속성 sessionStorage.length; 예시 Storage length 속성에 대한 예를 살펴보겠습니다. - <!DOCTYPE html&

    Total 1863 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:26/94  20-컴퓨터/Page Goto:1 20 21 22 23 24 25 26 27 28 29 30 31 32