몽땅뚝딱 개발자

[CSS] border를 div 안쪽으로 넣기 본문

Development/HTML · CSS

[CSS] border를 div 안쪽으로 넣기

레오나르도 다빈츠 2022. 6. 12. 14:40

 

border를 주고 box-sizing: border-box;를 줘봐도 자꾸 영역밖으로 나갔다.

box-shadow 속성으로 주면 깔끔하게 지정된 div 영역 안으로 들어간다.

 

div {
	box-shadow: 0 0 0 3px #4872f4 inset;
}

 

 

 

 

출처

 

HTML 레이아웃 잡을 때 박스 안쪽 테두리 실전 2가지 방법

웹을 디자인(개발?) 하다 보면 레이아웃을 잡기 위해서 외곽 (border) 를 임시로 설정하는 경우가 많습니다. 하지만 외곽을 주면 그 보더의 두께에 따라서 영역이 커집니다. 예를 들어 100% 짜리 폭

indienote.tistory.com

 

저작자표시 (새창열림)

'Development > HTML · CSS' 카테고리의 다른 글

[CSS] 스크롤에 색상/너비/배경색 주기  (0) 2022.06.25
[CSS] attr() 사용하기  (0) 2022.06.18
[CSS] 이미지 비율맞춰 가운데로 넣기  (0) 2022.05.26
[CSS] transform-origin  (0) 2022.05.24
[CSS] 텍스트 2줄 이상 시 말줄임('...') 처리하기  (0) 2022.02.15
'Development/HTML · CSS' Related Articles more
Comments

티스토리툴바