CSS


					Dimensionen
					Rahmen
					Abstand Inhalt
					Abstände

PageMap

(Umfang 47 Seiten)


		Sponsoring


	CSS-Eigenschaften spez. Seiten zu CSS








	Auswahl dBooks: Suche und verwandte Themen








	Verschiedenes

Blöcke

Ein Grundelement von Layouts sind Rechtecke mit Inhalt. Hier eine Reihe von Möglichkeiten, den Inhalt vom Rand zu positionieren und die Box selbst.

Zu den hier besprochenen CSS-Eigenschaften gibt es eine analoge Seite von Eigenschaften des styles-Objektes unter JavaScript

Übersicht


		Dimensionen in Cascading Stylesheets CSS-Elemente, die die Breite und Höhe von Block-Elementen bestimmen. Rahmen in Cascading Stylesheets CSS-Elemente, mit denen der Rand von Elementen definiert werden kann. Abstand Inhalt in Cascading Stylesheets Die Padding-Elemente definieren den Abstand zwischen Rand und Inhalt von Block-Elementen. Abstände in Cascading Stylesheets Die Margin-Elemente definieren den Abstand des Block-Elementes von der Umgebung.

Stylesheet-Rahmen

An Hand dieses Beispiels kann man mit dem NN bis 4.7 viele häßliche Nebeneffekte verdeutlichen: Der Inhalt der Tabellenzelle und benachbarter Tabellenzellen wird vollkommen falsch berechnet. Außerdem gibt es einen häßlichen Rand zwischen Rand und Inhalt.
Machen Sie sich einfach die Mühe und öffnen Sie mit einem NN 4.x das Beispiel, auch wenn es nicht Ihr Standardbrowser ist.

Ergebnis

Content

Quellcode

<div style="border-width:10px; border-color:red; padding:50px; margin:50px; background-color:blue;"><H1 style="background-color:cyan;">Content</H1></div>

Eigenschaften


Eigenschaft	NN			MSIE				opera			CSS
Eigenschaft	4	4.6	6	3	4	5	5.5	3.6	4	5	1	2

clear
Die clear-Eigenschaft definiert, auf welcher Seite ein float-Element umfloßen werden darf.

float
Definiert die Ausrichtung des Elements zur Umgebung.

overflow
Tritt ein, wenn der Inhalt größer als der Container ist.

overflow-x
Tritt ein, wenn der Inhalt horizontal größer als der Container ist.

overflow-y
Tritt ein, wenn der Inhalt vertikal größer als der Container ist.

wird unterstützt

wird größtenteils unterstützt

wird teilweise unterstützt

wird nicht unterstützt

keine direkte Funktion

gefährlich

Links


		Unkommentierte Links: blooberry.com: About Dimension Properties netzwelt.com: Abstände, Ränder, Ausrichtung htmlhelp.com: Box Properties blooberry.com: clear w3.org: CSS1 #Block-level elements w3.org: CSS2: Box Model w3.org: CSS2: Visual effects w3.org: CSS2: Visual formatting model w3.org: CSS2: Visual formatting model details microsoft.com: DHTML Reference: layout-grid microsoft.com: DHTML Reference: width blooberry.com: float blooberry.com: overflow blooberry.com: overflow-x blooberry.com: overflow-y netzwelt.com: Rahmen und Innenabstände Link empfehlen

(München, 2001-02-14 00:00:00 / )

Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook CSS: 47 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 11:43:14 GMT 5
© Werner Diwischek