전체 글
-
float속성Program/HTML.CSS 2020. 4. 26. 17:51
float 속성 요소를 float(요소를 보통의 흐름에서 벗어나게 함) 시킬지 지정하는 속성입니다. 기본 값 : none float: none | left | right | initial | inherit; none float 시키지 않음(기본값) left 좌측으로 float 시킴 right 우측으로 float 시킴 요소를 보통의 흐름에서 벗어나 띄어지게 함 주변 텍스트나 인라인 요소가 주위를 감싸는 특징이 있음 대부분 요소의 display 값을 block으로 변경함 (display 값 변경 예외: inline-table, flex 등)
-
visibility:hidden과 display:none의 차이점Program/HTML.CSS 2020. 4. 26. 17:35
visibility 속성 요소의 화면 표시 여부를 지정하는 속성입니다. 기본 값 : visible visibility: visible | hidden | collapse | initial | inherit; visible 화면에 표시 hidden 화면에 표시되지 않음(공간은 차지함) collapse 셀 간의 경계를 무시하고 숨김(테이블 관련 요소에만 적용 가능) visibility: visible; /* 보임 기본값 */ visibility: hidden; /* 숨김, 자신의 박스 영역은 유지(margin까지 모두 포함) */ visibility: collapse; /* 셀간의 경계를 무시하고 숨김(박스영역 없음, 테이블의 행과 열 요소에만 지정 가능, 그 외 요소 지정은 hidden과 같음) */ di..
-
Display propertyProgram/HTML.CSS 2020. 4. 26. 17:32
display 속성 요소의 렌더링 박스 유형을 결정하는 속성입니다. 기본 값 : - (요소마다 다름) display: value; none 요소가 렌더링 되지 않음 inline inline level 요소처럼 렌더링 block block level 요소처럼 렌더링 inline-block inline level 요소처럼 렌더링(배치)되지만 block level의 성질을 가짐 * height 나 width 등과 같은 박스모델 속성을 적용할 수 있다 그외에 list-item, flex, inline-flex, table, table-cell 등 다양한 속성 값 존재 inline level 요소 사이의 공백과 개행 처리 inline 요소의 경우 공백과 개행에 대해서 하나의 여백으로 받아들입니다. 따라서 inli..
-
-
-
-
-