전체 글589 CSS height, width, max-width 속성 CSS height 및 width 속성은 요소의 높이 및 너비를 설정하는 데 사용된다. CSS max-width 속성은 요소의 최대 너비를 설정하는 데 사용된다. CSS height, width 설정 height 및 width 속성의 값은 다음과 같습니다: auto - 기본값이다. 브라우저가 높이와 너비를 계산한다 length - 높이/폭을 px, cm 등으로 정의한다. % - 포함 블록의 높이/폭을 백분율로 정의한다 initial - 높이/폭을 기본값으로 설정한다 inherit - 높이/폭이 상위 값에서 상속된다 div { height: 200px; width: 50%; background-color: powderblue; } div에 높이 200px width는 50% 설정한 예제는 아래 코드와 같다.. 2023. 7. 21. CSS 패딩(CSS padding) 패딩은 정의된 테두리 안에서 요소의 내용 주위에 공간을 만드는 데 사용된다. CSS padding 속성 CSS padding 속성은 정의된 경계 내에서 요소의 내용 주위에 공간을 생성하는 데 사용된다. CSS를 사용하면 패딩을 완전히 제어할 수 있다. 요소의 각 측면(위, 오른쪽, 아래 및 왼쪽)에 패딩을 설정하는 속성이 있다. CSS padding 개별 측면 CSS는 요소의 각 변에 대한 패딩을 지정하는 속성을 가지고 있다: padding-top padding-right padding-bottom padding-left 모든 패딩 속성의 값은 다음과 같다: length - 패딩을 px, pt, cm 등으로 지정합니다. % - 포함 요소 너비의 % 단위로 패딩을 지정합니다 inherit - 패딩이 상위 .. 2023. 7. 20. CSS 여백 축소(CSS margin collapse) 때때로 두 개의 여백이 하나의 여백으로 축소된다. CSS margin collapse 요소의 위쪽 및 아래쪽 여백은 때때로 두 여백 중 가장 큰 것과 같은 단일 여백으로 축소된다. 왼쪽과 오른쪽 여백에는 이러한 현상이 발생하지 않는다! 위쪽 및 아래쪽 여백만! 다음 예를 참조하시오: 이 예제에서 h1 요소의 바닥 여백은 50px이고 h2 요소의 위쪽 여백은 20px입니다. 따라서 h1과 h2 사이의 수직 여백은 70px(50px + 20px)여야 합니다. 그러나 마진 붕괴로 인해 실제 마진은 50px가 됩니다. 제목1 제목2 위의 예에서 요소의 하단 여백은 50px이고 요소의 상단 여백은 20px로 설정된다. 상식적으로 과 사이의 수직 마진은 총 70px(50px + 20px)가 될 것으로 보인다. 하지.. 2023. 7. 19. CSS 여백(margin) 여백은 정의된 테두리 밖에서 요소 주위에 공간을 만드는 데 사용된다. CSS margin 속성 CSS margin 속성은 정의된 테두리 밖에서 요소 주위에 공간을 만드는 데 사용된다. CSS를 사용하면 margin을 완전히 제어할 수 있다. 요소의 각 측면(위, 오른쪽, 아래 및 왼쪽)에 대한 여백을 설정하는 속성이 있습니다. margin - 개별 측면 CSS는 요소의 각 변에 대한 여백을 지정하는 속성을 가지고 있다: margin-top margin-right margin-bottom margin-left 모든 margin 속성은 다음 값을 가질 수 있다: auto - 브라우저가 마진을 계산한다 length - 여백을 px, pt, cm 등으로 지정한다. % - 포함 요소 너비의 % 단위로 여백을 지정.. 2023. 7. 18. 이전 1 ··· 61 62 63 64 65 66 67 ··· 148 다음
