CSS 2

border:0과 border:none 의 차이

문득 border:0과 border: none은 둘다 border를 없애주는데 어떻게 다르지 궁금해서 검색하고 남기는 기록 border: 0;- border의 두께를 0으로 설정- 다른 속성이 있다면 (width, color 등) 그 속성들은 유지됨- 브라우저가 인식하지만 두께가 0이라 보여지지 않는것이라 렌더링은 됨- 다시 활성화해야 할 경우 초기설정 보존 border: none;- 테두리 스타일을 없음으로 설정- 테두리 자체를 렌더링하지 않으므로 더 효율적 결론!테두리 제거가 목적이라면 border:0보다 border:none이 가독성이 좋고 경제적이므로 border: none을 더 권장함기존스타일을 남겨두려면 border:0

그때 그때/CSS 2024.11.12

특정상태에서 텍스트가 흐릿하게보일 때

디자인을 입히려고 selectbox를 ul, li로 만들어줬다. 다른 화면의 select는 괜찮은데 특정 화면에서만! 테이블에 들어있는 select에서! option리스트가 흐릿하게 보이는 현상 ㅠ 무슨문제인지 감이 안잡혀서 f12에서 css를 하나씩 제거해봄, 결론은 overflow때문! overflow는 option 종류가 많을경우에 무한으로 늘어질수없으니 height와 overflow-y:auto를 같이 적용했었음.. 이문제를 해결하려고 css overflow cloudy, css overflow blur, css overflow blurry 등등 검색했는데 https://stackoverflow.com/questions/49349337/chrome-text-blur-with-overflow-ysc..

그때 그때/CSS 2023.01.27
반응형