분류 css

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

컨텐츠 정보

  • 조회 681 (작성일 )

본문

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



css