정보실

웹학교

정보실

css CSS Custom variables

본문

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);
}


결과 : 


1222557700eee188c3b36633c8dfea28_1528940166_7202.png
 

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

페이지 정보

조회 65회 ]  작성일18-06-14 10:36
css

웹학교