>웹 프론트엔드 >HTML 튜토리얼 >디스플레이의 공통 속성값 소개

디스플레이의 공통 속성값 소개

零下一度
零下一度원래의
2017-06-24 11:30:192834검색

공통 속성 값

  • 없음: 숨겨진 요소

  • block: 블록 수준 요소

  • inline-block: 인라인 블록 수준 요소

  • list-item: 목록 항목

  • 테이블 시리즈 표시

  • table

  • table-row

  • flex(가변 상자)

  1. .table{display:table;border-collapse:collapse;border:1px solid #ccc ; }

  2. .table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}

  3. .table-column-group{display:table-column-group ; }

  4. .table-column{display:table-column;width:100px;}

  5. .table-row-group{display:table-row-group;}

  6. .table-row { 디스플레이:테이블 행;}

  7. .table-row-group .table-row:hover,.table-footer-group .table-row:hover{배경:#f6f6f6;}

  8. .table - 셀{디스플레이:테이블-셀;패딩:0 5px;테두리:1px 솔리드 #ccc;}

  9. .table-header-group{디스플레이:테이블-헤더-그룹;배경:#eee;글꼴-가중치: 굵게 ;}

  10. .table-footer-group{display:table-footer-group;}

위 내용은 디스플레이의 공통 속성값 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.