CSS:Boxmodell
Aus MDC
Inhaltsverzeichnis |
[bearbeiten] Übersicht
[bearbeiten] Details
- Die komplette Breite eines Elements berechnet sich wie folgt:
margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right
- Die komplette Höhe eines Elements berechnet sich wie folgt:
margin-top + border-top-width + padding-top + height + padding-bottom + border-bottom-width + margin-bottom
- Der MS Internet Explorer verwendet die width- und die height-Eigenschaft als innenabstand des Rahmens, nicht des padding-Bereiches.
width = padding-left + width + padding-rightheight = padding-top + height + padding-bottom
[bearbeiten] Farben
- background-color
- Hintergrundfarbe innerhalb des Rahmens (Text und padding-Bereich)
- border-color
- Farbe des Rahmens
Der margin-Bereich ist immer transparent
[bearbeiten] Browser-Kompatibilität
| Browser | Internet Explorer | Netscape | Opera | Firefox | Konqueror | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Version | 4 | 5 | 6 | 7 | 4 | 5 | 6 | 7 | 3 | 4 | 5 | 6 | 7 | 8 | 1 | 2 | 3 | 3.5.x |
| Teilw. * | Teilw. * | Ja | Ja | Ja | Ja | Ja | Ja | ? | Ja | Ja | Ja | Ja | Ja | Ja | Ja | Ja | Ja | |
[bearbeiten] Siehe auch
width, height, padding, border, margin, left, top, right, bottom