분류 css

CSS Custom variables

컨텐츠 정보

  • 조회 387 (작성일 )

본문

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
 

css