본문 바로가기

속성2

[JAVASCRIPT] 요소의 크기 및 위치를 표현하는 속성, 메서드 자바스크립트 : 요소 크기 및 위치 속성과 메서드 이번 시간에는 자바스크립트의 요소의 위치 및 크기를 표현하는 속성과 메서드들을 알아보겠습니다.😇 다음의 표를 통해 알아봅시다. #01. 요소의 속성 및 메서드 요소 크기 속성 설명 element.clientWidth 요소의 가로 값 (패딩 / 보더 / 마진 미포함) element.clientHeight 요소의 세로 값 (패딩 / 보더 / 마진 미포함) element.clientTop 요소의 Y축 값 (부모기준) element.clientLeft 요소의 X축 값 (부모 기준) element.offsetWidth 요소의 가로 값 (보더 / 패딩 포함) element.offsetTop 요소의 Y축 값 (문서 기준) element.offsetLeft 요소의 X축.. 2022. 9. 1.

[CSS] 요소를 숨기는 방법 CSS : 요소(element)를 안보이게 하는 방법 CSS 속성을 작업하다 보면 요소를 숨겨야 하는 속성들이 필요하게 됩니다. 이번 시간에는 CSS 기법 중 하나인 요소를 안보이게 하는 방법 5가지에 대해 알아보겠습니다!😄 #1. display : none; 가장 보편적으로 사용하는 속성 중 하나로 요소의 영역이 완전히 사라지게 됩니다. 또한 이 속성을 사용하게 되면 애니메이션 효과도 줄 수 없게 됩니다. 💡 코드 보기 p {display : none;} 없어집니당 뾰로롱 #2. opacity: 0; opacity는 투명도를 설정하는 속성 중 하나로 요소의 투명도를 0으로 하여 요소를 안보이게 합니다. 때문에 요소는 사라져도 영역은 남게 되며 애니메이션도 적용이 가능합니다. 💡 코드 보기 p {opac.. 2022. 8. 26.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바