요모조모

  • 홈
  • 태그
  • 방명록

border # margin # padding 1

margin/padding/border

CSS 박스 모델에서의 margin과 padding, border란 무엇인가? border - 박스의 테두리 border 생성: 1px solid black 너비, 스타일 색상 순서 border는 block과 inline 모두에 적용 margin - 박스의 경계 바깥의 공간 순서: 위 - 오른쪽 - 아래 - 왼쪽 margin: 5px; /* 상하좌우 모두 적용 */ margin: 5px 10px; /* 위아래 5px10px, 좌우 */ margin: 5px 10px 15px; /* 위 5px, 좌우 10px, 아래 15px */ margin: 5px 10px 15px 20px; /* 위, 오른쪽, 아래, 왼쪽(시계방향) */ padding - 박스의 경계로부터 안쪽의 공간 margin과 마찬가지로 위, ..

HTML & CSS 2024.02.01
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (93)
    • HTML & CSS (9)
    • JavaScript (7)
    • React (0)
    • TypeScript (2)
    • Github (4)
    • Project (0)
    • Error (3)
    • 서적 (12)
      • 모던 자바스크립트 Deep Dive (5)
      • 모두의 네트워크 기초 (7)
    • Tech Interview (0)
    • 회고 (53)
      • Techit Frontend School 10기 (53)
    • 정보처리기사 (1)
    • 기타 (2)

Tag

바보, 멋쟁이사자처럼 #프론트엔드스쿨 #멋사, 멋쟁이사자처럼, 네트워크, 멋쟁이사자처럼프론트엔드스쿨, 자바스크립트, lan, block #inline, JavaScript, figma, wan, reduce(), border # margin # padding,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바