CSS2 [CSS] box-sizing / 박스의 크기를 어떤 기준으로 정할지 Default 값 : content-box ➡️ 콘텐츠 영역을 기준으로 크기를 정함 🎵 속성값 content-box : 콘텐츠 영역을 기준으로 크기를 정함 border-box : 테두리를 기준으로 크기를 정함 inital : 기본값으로 설정 inherit : 부모 요소의 속성값 상속 content-box 일때는 border의 크기를 늘리면 박스가 커지지만 border-box 일때는 border의 크기를 늘려도 박스의 크기가 커지지 않음 2021. 1. 16. [CSS] 그라데이션 효과 🔎 그라데이션 - 크기가 없는 배경이미지 - backgroud-image나 background속성에서 사용 - 속성은 표준화 됨 - 구형 모던 브라우저 ( 사파리 5.1 ~ 6.0 & 파이어폭스 3.6 ~ 15 & 오페라 11.1 ~ 12.0 )은 각각 맞게 브라우저 접두사를 붙여야 동작함 브라우저 버젼 접두사 📌사파리 5.1 ~ 6.0 -webkit- 📌파이어폭스 3.6 ~ 15 -moz- 📌오페라 11.1 ~ 12.0 -o- 🔎 선형 그라데이션 - 수직 or 수평 or 대각선 방향으로 색상이 변하는 것 - 방향과 색상이 필요 [ 방향 ] ver. 표준 구문 ex ) backgroud: linear-gradient( to 도착 방향, 출발 색, 도착 색) 더보기 background: blue; back.. 2020. 11. 9. 이전 1 다음
