border-width
가 변경될 때 레이아웃이 틀어지는 이슈가 있는데, 이를 해결하기 위해서 box-shadow
를 사용해서 border-width
가 늘어나는 것 처럼 보이게 하는 방법이 있습니다. 다른 방법도 있지만, 아래와 같은 이슈가 있어 사용을 권장하지 않습니다.
outline
은 Safari에서border-radius
가 적용되지 않고, 애니메이션 성능이 좋지 못하다는 이슈가 있습니다.pseudo-element
는input
과img
에서 적용되지 않으며, 다른 방법들에 비해서 코드량이 많다는 이슈가 있습니다.
'HTML·CSS' 카테고리의 다른 글
[CSS] input 태그 자동완성 사용시 스타일이 변경되는 이슈 (0) | 2023.05.01 |
---|---|
[CSS] 이미지 흐림 현상 (0) | 2023.04.28 |
[CSS] 미디어쿼리 새로운 문법 (0) | 2023.04.17 |
[CSS] 텍스트 세로 나열 (0) | 2023.04.10 |
[CSS] :is()와 :where() (0) | 2023.04.06 |