08_테두리, 그림자 콘텐츠(웹페이지) 08_테두리, 그림자 콘텐츠(코드) -overflow: hidden : 내부 요소가 부모의 요소에 침법할 때 사용한다. 부모 요소에 적용 시 영역을 벗어나는 부분이 보이지 않게 된다. -overflow: scroll : 영역을 벗어나는 부분은 스크롤로 만든다.

07_테두리, 그림자(웹페이지) 07_테두리, 그림자(코드) -border : 선의굵기 선타입 색상; 속성값 : solid, dotter, dashed, double, groove, ridge, inset, outset -box-shadow : x축 y축 blur(흐릿함정도) spread(그림자의크기) 색상; x축이 양수일 경우 오른쪽에, 음수일 경우 왼쪽에 그림자 생성 y축이 양수일 경우 아래쪽에, 음수일 경우 위쪽에 그림자 생성 inset은 그림자의 효과를 안쪽으로 적용

박스모델 margin 속성 : border 속성 기준 바깥쪽 영역 속성값 : margin-top(상단여백), margin-right(오른쪽 여백), margin-bottom(하단여백), margin-left(왼쪽 여백) ex) margin: 40px 15px 20px 10px (시계방향기준으로 top right bottom left 순서) border 속성 : 공간의 테두리를 생성 속성값 : solid(실선), dotted(점선) ex) border: solid 10px blue; (타입 선의굵기 선의색상 순서) padding 속성 : border 속성 기준 border 속성과 content 속성의 간격 속성값 : padding -top(상단여백), padding -right(오른쪽 여백), paddin..