CSS 속성 정의 사이트

2020. 5. 13. 02:42사이트

https://www.w3.org/

 

World Wide Web Consortium (W3C)

W3C opens Advisory Board (AB) election 4 May 2020 | Archive The W3C Advisory Committee having nominated eight individuals, is invited today to vote until 1 June 2020 for five seats in the W3C Advisory Board (AB) election. Please, read the statements of the

www.w3.org

https://www.w3schools.com/

CSS Reference를 통해 확인 가능한 사항들은 다음과 같습니다.

 

정의

해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악할 수 있습니다.

  • 기본 값
  • 상속 여부
  • 애니메이션 가능 여부
  • 사용 가능한 CSS버전

문법

해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악할 수 있습니다.

속성 값

해당 속성이 인식하여 적용할 수 있는 값의 형태나, 키워드 등을 파악할 수 있습니다.

  • Initial : 초기값, 즉 속성의 기본값으로 정의 (ie에서 지원하지 않음)
  • Inherit : 부모 요소의 해당 속성 값을 적용 (상속 가능할 요소일 경우)
    즉, 상속이 불가능한 속성일 경우에는 적용 되지 않습니다.

지원 범위

해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 버전을 확인할 수 있습니다.

  • 어떤 브라우저의 어떤 버전이냐에 따라 같은 값이어도 다르게 렌더링 될 수 있으므로,
    현재 프로젝트의 사용자 제공 지원 범위를 잘 확인하고 적용해야 합니다.

예제

문법과 속성값을 바탕으로 실제로 속성을 동작하는 예제 코드를 확인할 수 있습니다.

참고 사항

해당 속성에 대해 특이사항이나 버그에 대해서 확인할 수 있습니다.

'사이트' 카테고리의 다른 글

웹 디자인 참조 사이트  (0) 2020.05.13
웹 접근성 명도 체크 사이트  (0) 2020.05.05
무료폰트 사이트  (0) 2020.05.05