CSS의 표시 속성은 무엇을 의미합니까?

<p>CSS의 표시 속성은 요소의 표시 유형을 설정하고 페이지에 표시되는 방식을 제어합니다. 가능한 값은 다음과 같습니다: inline: 텍스트와 동일한 수준에 있는 인라인 요소는 콘텐츠 너비만 차지합니다. block: 블록 수준 요소, 사용 가능한 너비를 채우고 래핑합니다. inline-block: 인라인 및 블록 수준 요소 속성을 모두 가지며 인라인으로 정렬할 수 있지만 너비를 차지합니다. 없음: 요소를 숨깁니다. Flex: 레이아웃과 크기 제어를 용이하게 하는 유연한 컨테이너를 만듭니다. 그리드: 요소 정렬 및 정렬을 용이하게 하기 위해 그리드 컨테이너를 만듭니다. 루비: 음성 메모나 설명을 추가합니다. 테이블: 테이블로 표시됩니다.

<p>

<p>CSS의 표시 속성은 무엇인가요?

<p> 표시 속성은 요소의 표시 유형을 설정하고 요소가 페이지에 표시되는 방식을 제어하는 ​​데 사용됩니다.

<p>display 속성 값:

• inline: 은 텍스트 콘텐츠와 동일한 수준에서 인라인 요소로 표시됩니다. 요소는 사용 가능한 전체 너비를 차지하지 않고 해당 콘텐츠의 너비만 차지합니다.
• block: 새 줄에서 시작하여 블록 수준 요소로 표시됩니다. 요소는 사용 가능한 전체 너비를 차지하고 수직으로 쌓입니다.
• inline-block: 인라인 요소와 블록 수준 요소의 속성을 모두 갖습니다. 요소는 인라인으로 정렬될 수 있지만 블록 수준 요소와 동일한 너비를 차지합니다.
• none: 요소를 숨겨 보이지 않게 만듭니다.
• flex: Flexbox 모델을 기반으로 요소의 레이아웃과 크기를 쉽게 제어할 수 있는 유연한 컨테이너를 만듭니다.
• 그리드: 그리드 레이아웃 모델을 기반으로 그리드 컨테이너를 생성하여 요소를 쉽게 정렬하고 정렬할 수 있습니다.
• ruby: 텍스트 옆에 음성 표기나 메모를 추가하는 데 사용됩니다.
• 테이블: 요소를 테이블로 표시합니다.

<p>표시 속성 사용:

<p>HTML 요소에서 표시 속성을 사용하려면 요소의 스타일 규칙에서 해당 값을 설정할 수 있습니다.

<code class="css">element {
  display: value;
}</code>

<p>예:

<code class="css">p {
  display: block;
}</code>

<p>이렇게 하면 모든 <p> 요소가 블록으로 설정됩니다. 레벨 요소 .

위 내용은 CSS의 표시 속성은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!