[CSS] zoom
#1
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":

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 Wink

[ © by iCon 2004 ]
burned
  Zitieren


Nachrichten in diesem Thema
[CSS] zoom - von Clasher - 16.03.2004, 19:38
[Kein Betreff] - von Spare - 16.03.2004, 20:00
[Kein Betreff] - von marlem - 16.03.2004, 20:18
[Kein Betreff] - von Mashoo - 17.03.2004, 17:38
[Kein Betreff] - von Thomsen - 16.07.2005, 15:25
[Kein Betreff] - von Futjikato - 01.02.2008, 16:48
[Kein Betreff] - von kickedINtheHEAD - 02.02.2008, 13:05

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste