CSS 2.1

CSS 2.1, Cascading Style Sheets 2.1 Test

Beispiele für die Cascading Style Sheets Version 2.1 (CSS 2.1) Elemente empty-cells, white-space, pre, verschiedene Mauszeiger Darstellungen wie crosshair, sowie outline um Texte mit einer Kontur zu umgeben.

CSS Element empty-cells:show

Anzeigen von leeren Tabellen

Inhalt 1 Inhalt 2 

  .showcells {
    empty-cells:show
  }

CSS Element empty-cells:hide

Verdecken von leeren Tabellen

Inhalt 1 Inhalt 2 

  .hidecells {
    empty-cells:hide
  }

CSS Element white-space:pre

Bietet die Möglichkeit Texte wie im Editor/Quelltext vorgegeben zu positionieren. Die erste Zeile ist mit zwei Leerzeichen eingerückt, die nächste Zeile ist wieder um zwei weitere Leerzeichen eingerückt und die letzte Zeile erneut um zwei weitere Leerzeichen. Alle drei Zeilen sollten abgestuft sein.

erste Zeile zweite Zeile dritte Zeile


  .editor {
    white-space:pre; 
  }

CSS Element cursor: Mauszeiger verändern

Der Mauszeiger verändert sich beim Überfahren in ein Kreuz, eine Sanduhr (Windows) oder in ein Fragezeichen.

<bitte crosshair überfahren>
<bitte wait überfahren>
<bitte help überfahren> 

  .kreuzcursor {
    cursor:crosshair; 
  }
  
  .sanduhrcursor {
    cursor:wait; 
  }
  
  .hilfecursor {
    cursor:help; 
  }

CSS Element outline: Text mit Kontur

Es sollte eine gepunktete Umrandung um diesen Text erscheinen


  .umrandung {
    outline: 2px dotted #ff0000; 
  }

Nach oben

 

Nach oben