길잃은곰
길을 잃어 떠도는 곰
길잃은곰
전체 방문자
오늘
어제
  • 분류 전체보기 (87)
    • Algorithm (6)
    • HTML, CSS (9)
    • Frontend (1)
    • SW공학 (1)
    • WEB (4)
    • Javascript (29)
    • Typescript (0)
    • React (8)
    • Computer Science (11)
    • NEWS (0)
    • TIL(WIL) (4)
    • ETC (5)

블로그 메뉴

  • ✨깃허브
  • 홈
  • 태그
  • 방명록

인기 글

태그

  • PX
  • EM
  • root-element
  • 코테
  • ES7
  • VH
  • 코드트리
  • 자바스크립트
  • %
  • Pixel
  • Es5
  • element
  • VW
  • REM
  • javascript2016
  • 연탄
  • ES6
  • ES8
  • JavaScript
  • js2016
hELLO · Designed By 정상우.
길잃은곰

길을 잃어 떠도는 곰

[CSS] Margin 과 Padding 의 차이점
HTML, CSS

[CSS] Margin 과 Padding 의 차이점

2023. 1. 6. 11:01

 

Margin

- Border 외부 크기

- Object 와 화면간의 여백

- 이 값을 조작하면 Object 가 주변 요소와 거리가 생긴다.

 

Padding

- Border 내부 크기

- Object 의 내부 여백

- 이 값을 조작하면 Object 의 내부 여백이 생겨 Border 가 뚱뚱해진다.

저작자표시 비영리 동일조건 (새창열림)

'HTML, CSS' 카테고리의 다른 글

[CSS] CSS in JS 의 장단점  (0) 2023.01.06
[CSS] display 속성에 대해  (0) 2023.01.06
[CSS] Position 속성  (0) 2023.01.06
[CSS] SCSS 에 대하여  (0) 2023.01.06
[CSS] 반응형 웹사이트 란 무엇인가 ( Feat. 적응형 웹 사이트 )  (0) 2023.01.06
    'HTML, CSS' 카테고리의 다른 글
    • [CSS] CSS in JS 의 장단점
    • [CSS] display 속성에 대해
    • [CSS] Position 속성
    • [CSS] SCSS 에 대하여
    길잃은곰
    길잃은곰

    티스토리툴바