CSS 2 - Display

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

display

    

Wartości:

  • block | inline | list-item | none | compact | run-in | marker | table-header-group | table-footer-group | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group - sposób wyświetlania elementu;
  • inherit - przejęcie wartości "rodzica".

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type"   content="text/html; charset=iso-8859-2">
   <title>Pierwszy dokument</title>
   <style type="text/css">
      P {display:list-item;}
      U {display:none;}
      H4 {display:inline;}
   </style>
</head>
<body>
   <p>Przykładowy akapit<u> tekst ukryty - display:none</u></p>
   <p>Przykładowy akapit</p>
   <p>Przykładowy akapit</p>
   <p>Przykładowy akapit</p>
   <h4>Nagłówek H4.</h4>
   <h4>Jeszcze jeden nagłówek H4.</h4>
</body>
</html>

Efekt:

display.jpg (85247 bytes)

[testuj]

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]