개인공간

세로정렬 세로정렬 세로정렬 CSS Code.warp_height{height:100px; border:2px solid #000; margin:20px;} /* 높이가 꼭 정해져야함 */ .temp_tag{display: inline-block; vertical-align: middle; width: 0; height: 100%; border:1px solid red;} .midde_tag{display:inline-block;vertical-align:middle;} HTML Code 세로정렬 세로정렬 세로정렬

CSS Code HTML Code Example 1. Auto Values top | bottom | inherit Initial value top Example 2. Fixed Values top | bottom | inherit Initial value top

이 속성은 요소가 화면에 출력될 형식을 지정한다. display 설명 값 inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit 적용대상 inline 상속 안됨 백분율 사용 불가 값 값 설명 block 블럭 요소로 지정한다. inline 인라인 요소로 지정한다. list-item 목록 항목(list-item)으로 지정한다. marker 앞/뒤 생성된 ..

Moz gradient linear ex01 ex02 gradient radial ex01 ex02

사용가능한 브라우저 익스플로러 9.0 | 파이어폭스 4.0 | 크롬 10.0 | 오페라 10.6 | 사파리모바일 4.3.3 | 안드로이드 2.2 background-origin (background-origin:속성, 배경 이미지 위치 조절) 속성 padding-box : 기본값으로 padding영역부터 배경이미지를 배치함. 단 기준점 밖 영역은 repeat 된 배경으로 채운다. (repeat 기능을 사용했을때.) border-box : border의 바깥쪽 라인영역을 기준으로 배경이미지를 배치함. content-box : content영역부터 기준점으로 지정하여 배경이미지를 배치함. 단 기준점 밖 영역은 repeat 된 배경으로 채운다. (repeat 기능을 사용했을때.) background-clip ..

먼저 브라우져에 따라서 지원되는 폰트의 포맷을 알아보겠습니다. 아래 표에서 보시는 것과 같이 모든 브라우져에서 동일하게 사용되는 포맷이 없기 때문에 각 브라우져에 필요한 폰트 포맷을 만들어야합니다. Webkit/Safari Opera IE Mozilla/Firefox Chrome TrueType/OpenType TT (.ttf) O iPhone/iPhad iOS 4.2 이후 버젼 O O O OpenType PS (.otf) O O O O SVG O iPhone/iPad iOS 4.1 이전 버젼 O Embedded OpenType (EOT) O WOFF O IE9 이후 버젼 O Firefox 3.6 이후 버젼 O Chrome 6 이후 버젼 폰트 포맷 생성 현재 예제로 가지고 있는 폰트는 다음 폰트(파일 포..