[css] css background : transparent 란? | background : none 이랑 차이점

[css]
css background : transparent 란?
/
background : none 이랑 차이점은?

background: none;
background: transparent;

 

✅ background : transparent 란?
→ 

✅ css background : transparent vs background : none ??
→ 간단하게  background의 색상을 없앨 때 우리는 none(없애기), transparent(투명)을 사용할 수 있음
→ 이 둘의 차이점을 알려면 background 속성을 알아야하기 때문에 아래에서 자세히 설명!


✅ 어떤 경우에 사용할까?
→ 배경색이 지정된 요소의 배경을 없애야하는 경우에 사용

 

🟣 background 속성

background-color
background-image
background-repeat
background-attachment
background-position
background-size

🟣 한줄로 작성하는 방법
background : color image repeat attachment position / size;
✓ 위에서 position과 size는 배경이미지를 넣으면 사용하는 속성

 

🟠 none 이라는 속성값은 background-image에 사용하는 값 아래와 같이 사용합니다!

/* none 사용 코드 */

background-color: initial;
background-image: none;
background-repeat: initial; 
background-attachment: initial;
background-position: initial;

 

🟡 transparent 이라는 속성값은 background-color 에 사용하는 값 아래와 같이 사용합니다!

/* transparent 사용 코드 */

background-color: transparent;
background-image: initial;
background-repeat: initial;
background-attachment: initial;
background-position: initial;