javascript_javascript 스킬에서 CSS float 속성을 동작시키기 위한 특수 작성 방법

CSS 속성을 작동하기 위해 js를 사용하는 데는 특정 규칙이 있습니다.

1. 밑줄이 없는 CSS 속성의 경우 일반적으로 스타일 속성 이름을 직접 사용합니다.
예: obj.style.margin, obj.style.width, obj.style.left, obj.style.position 등

2. 밑줄이 포함된 CSS 속성의 경우 각 밑줄을 제거하고 각 밑줄 뒤의 첫 번째 문자를 대문자로 변경합니다.
예: obj.style.marginTop, obj.style.borderLeftWidth, obj.style.zIndex, obj.style.fontFamily 등

대부분의 프런트엔드 개발자는 이 규칙에 익숙하다고 생각합니다. CSS에는 특별한 속성이 있으며 JS 사용 방법은 실제로 매우 특별합니다.
이 특수 속성은 float입니다. 이 작업은 유효하지 않으므로 obj.style.float를 직접 사용할 수 없습니다.

올바른 사용 방법은 IE: obj.style.styleFloat, 기타 브라우저: obj.style.cssFloat입니다.