Block-Elemente

Block-Elemente erzeugen eine neue Zeile im Textfluß und können zum vorherigen und zum nachfolgenden Element einen größeren Abstand aufweisen. Sie sind im Textfluß somit immer untereinander angeordnet.
Block-Elemente können Text, Inline- und je nach Element auch weitere Block-Elemente enthalten.

Die folgenden Elemente gehören zu den Block-Elementen:

address

blockquote

div

dl

fieldset

form

h1-h6

hr

noframes

noscript

ol

p

pre

table

ul

center

dir

isindex

menu

,

Inline-Elemente

Inline-Elemente erzeugen keine neue Zeile und sind im normalen Textfluß immer nebeneinander angeordnet. Es sei denn, sie sind zusammen breiter als das übergeordnete Element. Dann wird eine weitere Zeile eingefügt. Inline-Elemente dürfen Text und weitere Inline-Elemente aber in der Regel keine Block-Elemente enthalten.
Inline-Elemente teilen sich in ersetzende und nichtersetzende Elemente auf. Für ersetzende Elemente wie 

img

input

 und 

textarea

 kannst du Breite und Höhe angeben, für nichtersetzende Elemente wie 

em

 und

span

 sind diese Eigenschaften unwirksam.

Die folgenden Elemente gehören zu den Inline-Elementen:

a

abbr

acronym

b

bdo

big

br

button

cite

code

dfn

em

i

img

input

kbd

label

map

object

q

samp

script

select

small

span

strike

strong

sub

sup

textarea

tt

var

basefont

font

s

u

,

credits: http://www.css4you.de/elemente.html#block

Initialwert: inline
Vererbbar: Nein
Anwendbar auf: alle Elemente
Medium: Visual
Werte:
none
Keine Anzeige.
block
Das Element wird als Block-Element dargestellt.
inline
Das Element wird als Inline-Element dargestellt.
inline-block
Das Element ist eine Mischung aus einem Block- und einem Inline-Element. Es wird als Block-Element formatiert, du kannst BreiteHöhe und Außenabstandangeben, floatet aber wie Inline-Elemente in der Zeile.
list-item
Sichtbar. Das Element erzeugt einen Absatz und hat ein Aufzählungszeichen.
run-in
Erzeugen Block, bzw Inline-Elemente abhängig vom Inhalt
inline-table
Darstellung als Tabelle (In HTML <table>), die keine Absatz erzeugt.
Darstellung als Listensymbol. Sollte nur zusammen mit den Pseudoformaten :before und :after verwendet werden.
table
Darstellung als Tabelle (In HTML <table>).
table-caption
Darstellung als Tabellenüberschrift (In HTML <caption>)
table-cell
Darstellung als Tabellenzelle (In HTML <td>, <th>)
table-column
Darstellung als Tabellenspalte (In HTML <col>)
table-columns-group
Darstellung als Tabellespalten (In HTML <colgroup>)
table-footer-group
Darstellung als Tabellefusszeile (In HTML <tfoot>)
table-header-group
Darstellung als Tabellenkopfzeile (In HTML <thead>)
table-row
Darstellung als Tabellenzeile (In HTML <tr>)
table-row-group
Darstellung als Tabellenzeilen (In HTML <tbody>)

http://www.css4you.de/display.html

admin