CSS properties(속성)

HTML과 비슷하게, CSS도 특정한 기능을 하는들이 미리 정의되어 있으며,

이를 활용하여 태그의 스타일을 정의 할 수 있다.
속성: 값 의 형태로 사용되며, 여러 속성끼리는 ;를 통해 구분됩니다.

 

하나의 선택자의 속성들을 한 줄로 쓰든, 여러줄로 나누어 쓰든 상관이 없으며 작업하는 사람들 끼리 정하여 편한대로 사용하면 된다.

 

 

HTML의 속성(attribute)과 CSS 속성(property)은 어떤 차이점이 있나?

attribute 는 html 문서 안에서의 정적인(바뀌지 않는) 속성 그 자체를 의미하고,

property 는 html DOM 안에서 동적인(바뀌는) 속성(또는 그 값)을 의미합니다.

 

DOM 이란?

문서 객체 모델(The Document Object Model)은 HTML 문서의 프로그래밍 interface 이다.

DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일 내용등을 변경할 수 있게 돕는다. DOM은 구조화된 property와 method를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결 시켜주는 역할을 담당한다.

 

 

 

출처 https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties

사용자 정의 CSS 속성 사용하기 (변수)