CSS trik: zdrojový kód

07.03.2005

Strašně se mi líbí možnost zkopírovat si libovolný kód do schránky, a proto jsem na svých stránkách chtěl mít perfektně zvládnuté ukázky zdrojových kódů. Vrhnul jsem se tedy do úpravy CSS souborů, aby stačilo libovolný text uzavřít do tagů code.

code { 
	font-family: monospace;
	color: #0002D5;
	padding: 1px 2px;
	border: 1px dotted #959595;
	background: #FEFEE7;
	display: block;
	margin-bottom: 5px;
	overflow: auto;
	width: 500px;
	white-space: pre;
}

U výše uvedené ukázky si všimněte hned dvou triků.