본문 바로가기

분류 전체보기

 (239)
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 :
Padding-Left Padding-Left 개요 : 이 속성은 요소에 왼쪽 패딩을 지정한다. 정의 padding-left 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : padding-top: 20px; padding-right: 10px; padding-bottom: 15px; padding-left:10px; 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 Result :
Padding Padding 개요 : 이 속성은 요소에 위쪽 , 오른쪽, 아래쪽, 왼쪽 패딩을 한꺼번에 지정한다. 정의 padding 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Untitled Document padding:15px; (top, right, bottom, left 모두 15px) 도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시 padding: 10px 20px; (마주 보는 것끼리, 즉 top..
Border-Top-Style Border-Top-Style 개요 : 이 속성은 요소의 위쪽 테두리 스타일을 지정한다. 정의 border-top-style 설명 값 none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 기본값 none 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 none 지정하지 않는다. 'border-width'에 '0' 또는 'none'을 지정한 것과 같다. hidden 숨긴다. 테이블 셀 요소이면 테두리를 겹친다. dotted 점선으로 지정한다. dashed 짧은 선의 패턴으로 지정한다. solid 실선으로 지정한다. double 두개의 실선 solid으로 지정한다. 두 줄들 사이의 ..
Border-Right-Style Border-Right-Style 개요 : 이 속성은 요소의 오른쪽 테두리 스타일을 지정한다. 정의 border-right-style 설명 값 none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 기본값 none 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 none 지정하지 않는다. 'border-width'에 '0' 또는 'none'을 지정한 것과 같다. hidden 숨긴다. 테이블 셀 요소이면 테두리를 겹친다. dotted 점선으로 지정한다. dashed 짧은 선의 패턴으로 지정한다. solid 실선으로 지정한다. double 두개의 실선 solid으로 지정한다. 두 줄들..

티스토리툴바