2. CSS attribute와 property

① HTML의 attribute와 CSS의 property는 모두 속성이라는 동일한 의미를 갖고 있다. 따라서 이것만으로는 둘을 구분하기 어려움이 있다.

② HTML의 attribute는 요소의 추가적인 정보에 해당한다.

  ㉠ attribute는 요소에 속하거나 그 안에 내재된 것으로 간주되는 특성이다.

③ CSS의 property는 요소의 특성을 설명하는 것이다.

  ㉠ property는 요소에 속하는 특성이다.

  ㉡ property의 한글 뜻은 '재산', '소유권'을 의미하며, 필수적이거나 특별하다는 의미가 좀 더 강하다.

  ㉢ 그러나 property는 위와 무관하게 일반적인 특성을 의미하기 위해 사용된다. 요즘에는 대부분의 경우 property와 attribute는 서로 바꿔서 사용할 수 있다.

④ 요소의 property가 값(value)를 가져오는 것은 사실상 attribute의 개념이다.

  ㉠ 즉 둘의 차이점은 미묘하기 때문에 대부분의 사람들이 둘을 동의어로 사용한다.

  ㉡ 굳이 구분하자면 attribute는 특징에 더 가깝고, property는 성격에 더 가깝다.

    ⓐ 즉, attribute는 요소의 추가적인 부분이고, property는 요소의 일부라고 생각하면 편하다.