[CSS] CSS 변수 선언

2022. 4. 18. 11:32·Stack/CSS

/* 변수 선언 */

:root {

    --main-bg-color: red;

    --big-font: 24px;

    --middle-font: 18px;

    --small-font: 14px;

}

 

/* 변수 사용 */

div {

    background: var(--main-bg-color);

    font-size: var(--big-font);

}

 

IE는 지원 불가

'Stack > CSS' 카테고리의 다른 글

[CSS / SCSS] SCSS; CSS Preprocessor / CSS 전처리기  (0) 2022.04.18
[CSS] nots (페이지 따라만들기 5)  (0) 2022.04.18
[CSS] Galaxy (페이지 따라만들기 4)  (0) 2022.04.15
[CSS] Indigo (+ 반응형)  (0) 2022.04.15
[CSS] media 쿼리 (반응형)  (0) 2022.04.15
'Stack/CSS' 카테고리의 다른 글
  • [CSS / SCSS] SCSS; CSS Preprocessor / CSS 전처리기
  • [CSS] nots (페이지 따라만들기 5)
  • [CSS] Galaxy (페이지 따라만들기 4)
  • [CSS] Indigo (+ 반응형)
7ingout
7ingout
  • 7ingout
    Hello, 7ingout world!
    7ingout
  • 전체
    오늘
    어제
    • 분류 전체보기 (205)
      • Project (5)
      • Stack (173)
        • React (40)
        • JavaScript (50)
        • TypeScript (14)
        • HTML (11)
        • CSS (31)
        • Spring (9)
        • PHP (15)
        • SQL (3)
        • Python (0)
      • ETC (9)
      • Design (13)
        • Illustrator (6)
        • Photoshop (7)
      • Articloid (4)
        • 7ingout (4)
  • 공지사항

    • ☻
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
7ingout
[CSS] CSS 변수 선언
상단으로

티스토리툴바