본문 바로가기

'.' Programs/CSS

 (101)
Margin-Top Margin-Top 개요 : 이 속성은 요소의 위쪽 마진을 지정한다. 정의 margin-top 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin 설정하지 않았을 경우 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin-top 설정 후 Result :
Margin-Right Margin-Right 개요 : 이 속성은 요소에 오른쪽 마진을 지정한다. 정의 margin-right 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin 설정하지 않았을 경우 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin-top, margin-right 설정 후 Result :
Margin-Bottom Margin-Bottom 개요 : 이 속성은 요소에 아래쪽 마진을 지정한다. 정의 margin-bottom 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin 설정하지 않았을 경우 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin-top, margin-right, margin-bottom 설정 후 ..
Margin-Left Margin-Left 개요 : 이 속성은 요소에 왼쪽 마진을 지정한다. 정의 margin-left 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin 설정하지 않았을 경우 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 margin-top, margin-right, margin-bottom, margin-le..
Margin Margin 개요 : 이 속성은 요소에 마진을 지정한다. 블록 레벨 요소의 수직으로 인접한 여백은 겹쳐져서 큰 쪽의 여백이 전체 여백이 된다. 인라인 요소는 왼쪽과 오른쪽의 여백은 지정할 수 있지만, 위와 아래쪽은 지정할 수 없다. 정의 margin 설명 값 | | auto | inherit 기본값 0 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : margin:15px; 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 marign: 15px 30px; (마..
Padding-Top Padding-Top 개요 : 이 속성은 요소에 위쪽 패딩을 지정한다. 정의 padding-top 설명 값 | 백분율 | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : padding-top:20px; 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 Result :
Padding-Right Padding-Right 개요 : 이 속성은 요소에 오른쪽 패딩을 지정한다. 정의 padding-right 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document padding-top:20px; padding-right:10px; 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 Result :
Padding - Bottom Padding - Bottom 개요 : 이 속성은 요소에 아래쪽 패딩을 지정한다. 정의 padding-bottom 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document padding-top: 20px; padding-right: 10px; padding-bottom: 15px; 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 Result :

티스토리툴바