Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- e1:css_boxen [2017/07/03 13:07] – admin03
+++ e1:css_boxen [2017/07/14 19:56] (aktuell) – admin03
@@ Zeile 9: / Zeile 9: @@
 angegeben:
-[[http://185.75.148.125:4444/beispiele/e1/divbox.html|Ausführbares Beispiel]]
+[[http://185.75.148.125:4444/infowiki/beispiele/e1/divbox.html|Ausführbares Beispiel]]
@@ Zeile 112: / Zeile 112: @@
  </table>
 </html>
+====== Rahmen und Abstände ======
+{{ :e1:600px-box-modell.svg.png?direct&600 |}}
+Im visuellen Anzeigemodell wie Windows Fenster oder Android Activitys erfolgt die Darstellung von Elementen durch das Zeichnen von Rechtecken. Die Bestandteile dieser Rechtecke beschreibt das „Box-Modell“. Eine Box kann bestehen aus:
+Dem Inhaltsbereich, also der Fläche, die durch Texte und Bilder oder Eigenschaften wie width und height vorgegeben wird,
+  * einem Innenabstand (padding),
+  * einem Rahmen (border) und
+  * einem Außenabstand (margin).
+Bei Blockelementen können Höhe und Breite beliebig festgelegt werden, bei Inlineelementen werden die Maße durch den Inhalt vorgegeben.
+Innen- und Außenabstände sowie Rahmen können für jede der vier Seiten einer Box einzeln festgelegt werden.
+Wird eine Box positioniert, beginnt die linke Außenkante bei left, die obere Außenkante bei top, die rechte Außenkante bei right und die untere Außenkante bei bottom. Siehe auch [[https://wiki.selfhtml.org/wiki/CSS/Box-Modell|https://wiki.selfhtml.org/wiki/CSS/Box-Modell]]