Front-end/JavaScript

[자바스크립트] css스타일 속성 표기법, 단위 생략

파리외 개발자 2022. 5. 27. 17:23

위와 같은 스타일이 적용된 div태그가 있다.

 

js의 속성표기법

js에서는 속성을 표기할 때 카멜표기법을 사용한다.

카멜 표기법은 낙타의 등 처럼 두 단어가 이어져 있을 때 두 번째 이상의 단어부터는 첫 글자를 대문자로 표기한다.

원래의 26px 대신 12px이 적용됬다.

 

jQuery의 속성표기법

jQuery에서는 카멜표기와 css표기 둘다 먹힌다.

각각의 표기 모두 글자크기를 변경한다.

 

jQuery의 속성값 단위 생략

js에서는 속성값에 필히 단위를 적어줘야한다.

단위가 없으면 변경값이 적용되지 않는다.

jQuery에서는 단위가 생략된다면 기본 단위가 디폴트로 적용된다.

글자크기로 8픽셀이 적용됬다.