본문 바로가기

block요소

overflow 속성 overflow 기능 튀어나온 컨텐츠 자르는 법 문법 CSS : {overflow: Property} JS : object.style.overflow= 'Property' 값 visible : 기본값, 정해진 영역보다 내용이 많아도 그대로 보여 줍니다. hidden : 정해진 영역보다 내용이 많으면 영역 밖의 내용은 보이지 않게 합니다. auto : 정해진 영역안에 내용에 따라 스크롤을 제어 합니다. scroll : 무조건 스크롤바를 나타나게 합니다. 적용대상 block요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural,.. 더보기
div 태그 div 원어 및 기능 division (Block 그룹화 요소) Element Block (Element 종류) 포함가능 Element Block Inline Text 속성 - align="값" (값 = left / center / right / justify) - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" - datasrc="소스 파일 이름" - datafild="열이름" - dataformatas="데이터 형식" - nowrap 특이사항 예제 결과 더보기
p 태그 p 원어 및 기능 paragraph (텍스트를 문단으로 정의) Element Block (Element 종류) 포함가능 Element Inline Text 속성 - align="값" (값 = left / center / right / justify) - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 예제 결과 더보기
address 태그 address 원어 및 기능 address (텍스트를 작성자 정보로 지정) Element Block (Element 종류) 포함가능 Element Inline Text 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 - 원칙적으로 모든 문서에 명시한다. - 모든 문서에 작성자 정보를 명시하고 사용자가 그 문서의 공개일과 갱신일, 작성자 등을 바로 확인 할 수 있게 환경을 작성자 측에서 준비하는 것이 바람직하다. 예제 결과 더보기
blockquote 태그 blockquote 원어 및 기능 blockquote (인용문 텍스트를 정의) Element Block (Element 종류) 포함가능 Element blockquote를 제외한 Block Inline Text 속성 - cite="url" - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 cite로 인용한곳의 URI를 명시 예제 결과 더보기
pre 태그 pre 원어 및 기능 preformatted text (정형화 된 텍스트를 정의) Element Block (Element 종류) 포함가능 Element Block Inline Text 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 - 텍스트를 장식하기 위한 요소, 폼과 스크립트 관련 요소를 포함할 수 없다.(xhtml1.1에서는 ruby요소도 포함할 수 없다.) - tab키에 의한 들여쓰기는 피한다 (수평태그를 이용하지 않아야 한다.) 예제 결과 더보기
dir,li 태그 dir 원어 및 기능 directory (디렉토리형 목록을 정의) Element Block (Element 종류) 포함가능 Element li 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" - compact (디렉토리 목록을 간단하게 보이게 보이게 합니다 ) 특이사항 li 이외의 요소는 포함시킬 수 없다. 예제 결과 li 원어 및 기능 list item (설명형 목록 항목 추가 정의) Element Block (Element 종류) 포함가능 Element list 제외한 Block Inline Text 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" -.. 더보기
ol,ul,li 태그 ol 원어 및 기능 ordered list (순서형 목록을 정의) Element Block (Element 종류) 포함가능 Element li 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" - compact (디렉토리 목록을 간단하게 보이게 보이게 합니다.) - type="값" (값 = 1 / A / i / I(대문자)) 특이사항 li 이외의 요소는 포함시킬 수 없다. 예제 결과 ul 원어 및 기능 unordered list (비순서형 목록을 정의) Element Block (Element 종류) 포함가능 Element li 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시.. 더보기
dl,dt,dd 태그 dl 원어 및 기능 definition list (정의형 목록을 정의) Element Block (Element 종류) 포함가능 Element dt dd 태그만 가능 속성 - class="클래스 이름" - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 dt, dd 태그만 가능 예제 결과 dt 원어 및 기능 definition term (정의형 목록의 제목이나 설명 정의) Element Inline (Element 종류) 포함가능 Element Inline Text 속성 - id="id 이름" - style="스타일 시트 입력" - title="제목" 특이사항 li 이외의 요소는 포함시킬 수 없다. 예제 결과 dd 원어 및 기능 definition descripti.. 더보기
table,caption,colgroup,col,thead,tbody,tfoot,tr,th,td 태그 table 원어 및 기능 table (표를 정의) Element tr th td (한개 이상의 th 또는 td 를 포함해야 한다) (Element 종류) 포함가능 Element Block Inline Text 속성 - align="값" (값 = left / center / right) - backgroungd="이미지 파일 경로" - bgcolor="값" (값 = 색이름 / SRGB) - bordercolor="값" (값 = 색이름 / SRGB) - border="픽셀" - bordercolordark="값" (값 = 색이름 / SRGB) - bordercolorlight="값" (값 = 색이름 / SRGB) - cellpadding="픽셀" - cellspacing="픽셀" - cols="숫자" - c.. 더보기

티스토리툴바