コンソール画面のようなCSS

LinuxやUNIXのコンソール画面のような見た目でソースやコマンドを表示するスタイルシートは以下。

pre {
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 110%;
　　　　/*　preの標準は行間が広いのでこれくらいが好み　*/
}

pre.sourcecode {
margin:10px;
padding:5px;
background-color:black;
color:  #00FF00;
border:1px solid #DDDDDD;
}

これをCSSファイルに加えるだけで、<pre class=”soucecode”>タグでコンソール画面のようなスタイルが実現します。
コンソール好きには便利かも。