❌이전글/이전글

css - margin/padding/border 박스모델

2020. 8. 10. 02:55
목차
  1. 마진(margin)/패딩(padding)/보더(border)
  2. 박스모델 개념도
반응형

마진(margin)/패딩(padding)/보더(border)

  • margin : 경계선 외부의 간격. border경계선부터 외부 요소 사이 간격
  • padding : margin/padding/border라 쓰여진부분에서, border경계선(네모박스) 사이의 간격
  • border : 경계선. 위의 사진에서 네모박스, css를 지정하는 style태그안에서 3px solid 적으면, 두께 3px - 점선으로 표시

박스모델 개념도

 

F12(개발자모드)를 눌러서 html로 작성된 페이지에

적용된 여러 태그들의 간격을 쉽게 확인 가능. 

반응형
저작자표시 동일조건 (새창열림)

'❌이전글 > 이전글' 카테고리의 다른 글

오라클ORACLE - 유저 생성, 권한주기  (1) 2021.02.16
깃 에디터editor 바인딩? 해제  (0) 2020.12.23
윈도우10 - Antimalware Service Executable 점유율 낮추기  (0) 2020.10.25
vscode - tabout 탭아웃  (0) 2020.10.02
CentOS7 리눅스 디스크 사용량 df 명령어로 확인  (2) 2020.07.28
자바 Java - 클래스/ 객체  (2) 2020.06.12
윈도우10(Windows10) - 듀얼 모니터 위아래 변경하는 방법/위치 변경  (2) 2020.06.03
아톰(ATOM) 자동 줄 바꿈 설정  (0) 2020.04.16
  1. 마진(margin)/패딩(padding)/보더(border)
  2. 박스모델 개념도
'❌이전글/이전글' 카테고리의 다른 글
  • 윈도우10 - Antimalware Service Executable 점유율 낮추기
  • vscode - tabout 탭아웃
  • CentOS7 리눅스 디스크 사용량 df 명령어로 확인
  • 자바 Java - 클래스/ 객체
당근은싫지만먹어야함
당근은싫지만먹어야함
공부한거 대충 끄적이는 블로그...
반응형
당근은싫지만먹어야함
정보의 게이트웨이
당근은싫지만먹어야함
전체
오늘
어제
  • 분류 전체보기 (111)
    • 🐍JAVA (1)
    • 🐍ORACLE (3)
    • ❌이전글 (107)
      • 이전글 (107)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • RAID구성
  • centos
  • 자바
  • SQL
  • 티스토리
  • 우분투
  • 윈도우10
  • 스위치
  • EVE-NG
  • 셸스크립트
  • centos7
  • oracle
  • 디비버
  • dns
  • 오라클
  • 센트오에스7
  • Linux
  • 운영체제
  • 리눅스
  • 네트워크

최근 댓글

최근 글

hELLO · Designed By 정상우.
당근은싫지만먹어야함
css - margin/padding/border 박스모델
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.