Operation Manual
Erweiterungen für die CSS3-Unterstützung im Bedienfeld „CSS-Stile“
(CS 5.5)
Nach oben
Nach oben
Nach oben
Nach oben
CSS3-Eigenschaften mithilfe des Popupbedienfelds anwenden
Mehrere Wertsätze angeben
Eigenschaften in der Kategorieansicht suchen
Kompatibilität mit Browsern sicherstellen
Vorschau der Änderungen in der Live-Ansicht
Im CSS-Bedienfeld wurde ein Popupbedienfeld für die folgenden Eigenschaften eingefügt:
text-shadow
box-shadow
border-radius
border-image
Mit den Optionen im Popupbedienfeld wird sichergestellt, dass Sie die Eigenschaften korrekt anwenden, auch wenn Sie mit der zugehörigen W3C-
Syntax nicht vertraut sind.
Popupbedienfeld mit Optionen für die CSS3-Eigenschaft „border-image“
CSS3-Eigenschaften mithilfe des Popupbedienfelds anwenden
Klicken Sie auf das Symbol mit dem Pluszeichen („+“) für die entsprechenden Eigenschaften. Verwenden Sie die Optionen im
Popupbedienfeld, um die Eigenschaft anzuwenden.
Mehrere Wertsätze angeben
CSS3-Eigenschaften wie z. B. „text-shadow“ unterstützen mehrere Wertsätze. Beispiel: text-shadow: 3px 3px #000, -3px -3px #0f0;
Wenn Sie in der Codeansicht mehrere Wertsätze angeben und das Popupbedienfeld zur Bearbeitung einer Eigenschaft öffnen, wird der erste
Wertsatz angezeigt. Wenn Sie diesen Wertsatz im Popupbedienfeld bearbeiten, betrifft dies nur den ersten Wertsatz im Code. Die anderen
Wertsätze sind davon nicht betroffen und werden wie angegeben im Code angewendet.
Eigenschaften in der Kategorieansicht suchen
In der Kategorieansicht befindet sich text-shadow in der Kategorie „Schriftart“. box-shadow, border-radius und border-image sind unter
der Kategorie „Rahmen“ aufgeführt.
Kompatibilität mit Browsern sicherstellen
Dreamweaver CS 5.5 unterstützt auch die browserspezifische Implementierung (WebKit, Mozilla) der Eigenschaften „box-shadow“, „border-radius“
und „border-image“.
Verwenden Sie in der Kategorieansicht die Optionen in der entsprechenden Browserkategorie, um für diese Eigenschaften die
Browserkompatibilität sicherzustellen. Bearbeiten Sie beispielsweise -moz-border-image in der Kategorie „Mozilla“, um die Kompatibilität mit
der von Mozilla implementierten Eigenschaft „border-image“ sicherzustellen.
241










