정보실

웹학교

정보실

css 문서 전체에서 재사용 할 특정 값을 포함하는 CSS 변수.

본문

HTML : 

<p class="custom-variables">CSS is awesome!</p>



CSS : 

:root {
  --some-color: #da7800;
  --some-keyword: italic;
  --some-size: 1.25em;
  --some-complex-value: 1px 1px 2px whitesmoke, 0 0 1em slategray, 0 0 0.2em slategray;
}
.custom-variables {
  color: var(--some-color);
  font-size: var(--some-size);
  font-style: var(--some-keyword);
  text-shadow: var(--some-complex-value);
}



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 61회 ]  작성일18-08-31 23:23
css

웹학교