전체 글(14822)
-
clear속성
clear속성· float 영향을 받는 엘리먼트를 강제로 취소시킬지 아닐지를 지정하는 것· 더 이상 float을 쓰지 않겠다는 의미입니다. 속성 값 설명 none float에서 설정된 값을 clear하지 않을 때 사용 clear: left 왼쪽 float 해제 clear: right 오른쪽 float 해제 clear: both 좌우 양측 모두 float 해제 inherit 부모 또는 상위로 부터 상속받을 때 사용
-
float 속성, float 속성 적용시 주의
float 속성· display와 position과 같이 웹 페이지의 레이아웃을 구성할 때 많이 사용하는 속성으로 이미지와 텍스트를 쉽게 배치하기 위해 만들어졌습니다. · float이 선언된 엘리먼트는 왼쪽 또는 오른쪽으로만 위치할 수 있고, 위아래는 불가능합니다. · float 이후에 오는 엘리먼트는 그 주변을 채워나가며 표시됩니다. · float은 이미지와 텍스트를 활용한 레이아웃에서 많이 사용되고, 또한 화면 크기에 따라 동적으로 변할 수 있는 레이아웃 작업에 많이 이용됩니다. 속성 값 설명 left element를 왼쪽방향으로 float된 블록 박스로 만듭니다. right element를 오른쪽방향으로 float된 블록 박스로 만듭니다. none element를 float하지 않습니다. inher..
-
z-index(제트 인덱스), z-index 형식
z-index(제트 인덱스)· 요소를 쌓는 순서를 정할 때 사용하는 속성· CSS에서는 수평이나 수직축으로의 이동할 수 있습니다.· 이 때 한 요소 위에 다른 요소를 쌓는 z축도 고려해야 합니다. z-index 형식· z-index는 값이 작을수록 아래에 쌓이고, 큰 값이 위로 쌓이게 됩니다.· z-index 값을 명시하지 않으면 기본 값으로 z-index: 1으로 설정이 됩니다.
-
visibility 속성
visibility 속성· 요소를 보이게 하거나 보이지 않도록 할 때 사용· 특정 요소를 화면에 보이게 하거나, 보이지 않게 또는 겹쳐 보이도록 설정을 할 수 있습니다.· visibility 속성값으로는 4가지의 종류가 있습니다. 속성값 설명 visible · 기본값 · 요소를 화면에 표시할 때 사용 hidden · 요소를 화면에서 감추고자 사용할 때 사용 collapse · 표의 행렬이나, 행 그룹, 열 그룹 등에서 지정하여 서로 겹쳐 보이도록 할 때 사용 inherit · 부모 요소의 visibility 속성을 상속받을 때 사용
-
테이블 정렬 CSS 속성
테이블 정렬 CSS 속성
-
행 그룹 요소 - <thead>, <tbody>, <tfoot>
행 그룹 요소, , 태그를 의미 요소· 테이블의 제목 행을 정의할 때 사용· 표의 머리말 부분을 표시하는 태그.· 자식 요소로 요소만 가질 수 있습니다 요소· 테이블의 본문 행을 정의할 때 사용· 표의 내용 부분을 표시하는 태그· 자식 요소로 요소만 가질 수 있습니다. 요소· 테이블의 푸터 행을 정의할 때 사용· 표의 꼬리말 부분을 표시하는 태그· 자식 요소로 요소만 가질 수 있습니다.