푸으름

✏️ 박스 모델 속성종류설명width       박스 모델의 너비를 지정height박스 모델의 높이를 지정box-sizing 박스 모델의 크기를 계산하는 기준을 지정box-shadow박스 모델에 그림자 효과를 추가✏️ 테두리 속성속성설명border-style상하좌우 4개 방향의 테두리 스타일을 한꺼번에 지정border-위치-style상하좌우 중 특정한 위치의 테두리 스타일만 지정border-width상하좌우 4개 방향의 테두리 두께 한꺼번에 지정border-위치-width상하좌우 중 특정한 위치의 테두리 두께만 지정border-color상하좌우 4개 방향의 테두리 색상을 한꺼번에 지정border-위치-color상하좌우 중 특정한 위치의 테두리 색상만 지정border-radius상하좌우 4개 방향 꼭짓점을..

✏️ 박스 모델의 방향박스 모델은 상하좌우 4개의 방향이 있어서 테두리나 마진, 패딩 등을 지정 시 한꺼번에 지정하거나 모두 다르게 지정 가능,  박스 모델의 방향은 top->right->bottom->left이고 이 순서는 기억하는게 좋음 ✏️ 테두리 스타일을 지정하는 border-style 속성종류설명none테두리가 없는, 기본 상태hidden테두리를 감춤. 표에서 border-collapse : collapse인 경우에도 감춤solid테두리를 실선으로 표시dotted테두리를 점선으로 표시dashed테두리를 짧은 직선으로 표시double테두리를 이중선으로 표시. 두 선 사이의 간격이 border-width값groove테두리를 창에 조각한 것처럼 표시, 홈에 파인 듯 입체 느낌inset표에서 borde..