[Korean FE Article] 한 줄로 업그레이드하는 12가지 최신 CSS
글 링크: https://velog.io/@surim014/12-modern-css-one-line-upgrades
소개
여러분은 특정 레이아웃을 위해 CSS 트릭을 사용해 본 적이 있으신가요? 이번 글에서는 CSS 트릭을 대체할 수 있는 모던 CSS 소개 및 기존 CSS를 신규 CSS로 대체하여 보다 간결하고 모던하게 CSS를 안정적으로 업그레이드할 수 있는 방법을 이야기합니다.
개인적으로 새롭게 알게 된 CSS 속성들이 많아 매우 흥미로웠고 재미있었던 글이었습니다. 예시의 html이 첨부가 되지 않아 부득이하게 이미지로 첨부되어 원문에서 함께 동작 확인을 해보시는 것을 권장 드립니다. :)
목차
안정적인 업그레이드
aspect-ratio
object-fit
margin-inline
안정적인 개선
text-underline-offset
outline-offset
scroll-margin-top/bottom
color-scheme
accent-color
width:fit-content
점진적인 개선
overscroll-behavior
text-wrap
scrollbar-gutter