border 값이 늘어날때 어느쪽으로 향하는가요?

21.05.07 09:04 작성 조회수 117

10.상세 디자인을 위한 CSS 박스모델 강의 부분....

>보더 값이 1px에서 10px로 변경했을때

보더의 두께가 padding 영역으로 향하는지

아니면 마진 영역으로 향하는지

아니면 양쪽방향으로 5px씩 늘어나는지요?

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

10. 상세 디자인을 위한 CSS 박스모델(width, height, padding, margin, box-sizing)

강의실 바로가기

답변 1

답변을 작성해보세요.

코딩웍스(Coding Works)

2021.05.07

보더와 패딩이 늘어나면 상하좌우 바깥쪽으로 향합니다.

아래 코드라면 div의 실제 크기는 너비와 높이는 150픽셀(100+20+20+5+5) 입니다.

div {
  width: 100px;
  height: 100px;
  padding: 20px;
  border: 5px solid #000;
}