16.03.2004, 19:38
Vielleicht kennt ihr ja auch schon den Befehl (css) "zoom".
Damit kann man ein bestimmtes objekt vergrößern, also zB 200%, 50% usw.
Schlüsselwort zoom
Das benötigte Schlüsselwort heißt zoom und die Syntax lautet
element { zoom: x% }
element wird hier durch den Namen des Elements ersetzt.
Ersetzen sie x durch einen Prozentwert (zb 200%, um das Objekt vergrößen zu lassen. Werte unter 100% sind logischwerweise kleiner.
..
Öffne mit Notepad ein neues Dokument, gib folgenden Code ein und speichere als "zoom.css":
Öffne nun wieder ein dokument, schreibe folgendes:
<html>
<head>
<link rel="stylesheet" type="text/css" href="zoom.css">
</head>
<body>
<h1>Die Überschrift ist 3x so groß wie ein unformatiertes "h1"!</h1>
</body>
</html>
und speichere als zoom.htm ab.
! Es müssen beide Dateien im selben Ordner sein, damit der Test funktioniert !
Nun öffne zoom.htm.
Die Erklärung befindet sich in der HTML Datei selbst ;-)
Der Befehl zoom funktioniert übrigens auch bei input feldern und ähnlichem Zeug.
Fragen bitte in den Tread
[ © by iCon 2004 ]
Damit kann man ein bestimmtes objekt vergrößern, also zB 200%, 50% usw.
Schlüsselwort zoom
Das benötigte Schlüsselwort heißt zoom und die Syntax lautet
element { zoom: x% }
element wird hier durch den Namen des Elements ersetzt.
Ersetzen sie x durch einen Prozentwert (zb 200%, um das Objekt vergrößen zu lassen. Werte unter 100% sind logischwerweise kleiner.
..
Öffne mit Notepad ein neues Dokument, gib folgenden Code ein und speichere als "zoom.css":
Code:
h1
{
zoom: 300%;
}Öffne nun wieder ein dokument, schreibe folgendes:
<html>
<head>
<link rel="stylesheet" type="text/css" href="zoom.css">
</head>
<body>
<h1>Die Überschrift ist 3x so groß wie ein unformatiertes "h1"!</h1>
</body>
</html>
und speichere als zoom.htm ab.
! Es müssen beide Dateien im selben Ordner sein, damit der Test funktioniert !
Nun öffne zoom.htm.
Die Erklärung befindet sich in der HTML Datei selbst ;-)
Der Befehl zoom funktioniert übrigens auch bei input feldern und ähnlichem Zeug.
Fragen bitte in den Tread
[ © by iCon 2004 ]
burned
![[Bild: bigplanet_10.gif]](http://www.planet-wbb.de/banner/bigplanet_10.gif)
![[Bild: 10_en_btn.gif]](http://www.xing.com/img/buttons/10_en_btn.gif)