[HTML & CSS팁] content에 개행(줄바꿈)을 하는 방법

CSS (가상요소)의 content에 개행이 필요한 경우 보통 JavaScript에서 콘텐츠에 개행이 필요한 경우 ES6의 Template literals을 이용해 편하게 개행을 하는데 CSS에서도 될 줄 알고 했다가 전혀 되지 않았다. \A 키워드를 이용하면 쉽게 개행(줄바꿈, 엔터, new line)할 수 있습니다. 대소문자 무관하게 적용되며 가상요소가 아니어도 상관없이 content에 모두 쓸 수 있습니다. JavaScript의 \n과 동일하게 기능합니다. 코드와 결과물은 아래에 있습니다. .className::after{ content: "클릭하여 이미지 변경"; /*...연관없는 스타일은 주석처리...*/ } 여기에 \A와 white-space 속성을 추가해줍니다. .className::afte..

2019.07.15