Eine Ausführliche Beschreibung gibt es hier:
http://www.w3.org/TR/css3-background...ackground-clip
PHP-Code:
< ? xml version="1.0" encoding="utf-8" ? >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
<head>
<title>test</title>
<style type="text/css">
/* <![CDATA[ */
body {
color: #FFFFFF;
background: #353535 url('./test.png');
/*
Note that if 'background-clip' is 'padding', 'background-origin'
is 'border', and 'background-position' is 'top left' (the initial value),
then the top left of the background image will be clipped.
*/
background-repeat: no-repeat;
-khtml-background-clip: padding;
-khtml-background-origin: border;
-khtml-background-size: 25% auto;
background-position: 10% 20%; /* LEFT TOP */
/* wave ist leider noch nicht Implementiert */
border: 1px wave #000000;
}
/* ]]> */
</style>
</head>
<body>
<div>123456789
</div>
</body>
</html>
Zitieren
Lesezeichen