CSS 2.1, Cascading Style Sheets 2.1 test

Navigation

CSS Tab Navigation

CSS 2.1, Cascading Style Sheets 2.1 Test

Test your browser on basis of Cascading Style Sheets 2.1 (CSS 2.1) elements like hover, empty-cell, white-space, pre, change the the mouse cursor with cursor and crosshair. Or outline your text with the outline element.

CSS element empty-cells:show

Show empty table cells.

Inhalt 1 Inhalt 2

  .showcells {
    empty-cells:show
  }
  

CSS element empty-cells:hide

Hide empty table cells.

Inhalt 1 Inhalt 2

  .hidecells {
    empty-cells:hide
  }
  

CSS element white-space:pre

Use the editor/source and CSS to position your text.

erste Zeile zweite Zeile dritte Zeile


  .editor {
    white-space:pre; 
  }
  

CSS element cursor

Change your mouse pointer.

<please move over crosshair>
<please move over wait>
<please move over help>

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

CSS element outline

Outline your text.

Dotted outline around the text


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

[back to CSS Tab Navigation]

[back to top]

 

[back to navigation]

[back to top]