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 undspan 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 Breite, Hö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

liked this article?

  • only together we can create a truly free world
  • plz support dwaves to keep it up & running!
  • (yes the info on the internet is (mostly) free but beer is still not free (still have to work on that))
  • really really hate advertisement
  • contribute: whenever a solution was found, blog about it for others to find!
  • talk about, recommend & link to this blog and articles
  • thanks to all who contribute!
admin

Tags: ,