Webdesign, Tutorials und mehr - Webmasterpro.de

hosted by

CSS Referenz: Darstellung

Einleitung Boxmodel ...

display: Anzeige von Elementen

visibility: Sichtbarkeit von Elementen

visibility steht für die Sichtbarkeit. visibility: visible zeigt etwas an, visibility: hidden zeigt etwas nicht an. Im Gegensatz zu display: none, wird bei visibility: hidden der Platz für das Element frei gehalten.

Breite/Höhe

...

width: Elementbreite

...

height: Elementhöhe

...

min-width/max-width: Mindestbreite/Maximalbreite

...

min-height/max-height: Mindesthöhe/Maximalhöhe

...

overflow: Behandlung von übergroßem Inhalt

Bei Boxen und Tabellenzellen mit einer festgelegten Größe (height / width) kann es vorkommen, dass ein Text oder anderer Inhalt in diesem Element mehr Raum einnimmt, als das Element bieten kann. Durch die Eigenschaft overflow besteht die Möglichkeit in CSS zu definieren, wie dieser übergroße Inhalt behandelt werden soll.

overflow-x/overflow-y

Mit overflow-x und overflow-y kann horizonal und vertikal überfließender Inhalt verschieden behandelt werden. Somit ist es z.B. möglich nur in einer Richtung eine Scrolleiste anzuzeigen.

opacity: Deckkraft/Transparenz von Elementen

Mit der opacity Eigenschaft kann die Deckkraft/Transparenz von Elementen gesteuert werden. Diese Eigenschaft wird zwar so nicht im Internet Explorer unterstützt, es gibt aber eine ebenbürtige Eigenschaft, wodurch in allen Browsern Transparenz genutzt werden kann.

clip: nur Ausschnitt anzeigen

Mit clip kann man eine rechteckige Maske über ein Element legen: Alles was nicht in diesem Rechteck ist, wird ausgeblendet.

box-sizing: Einstellunen auf was sich die Angabe der Breite und Höhe bezieht

Einstellung auf was sich die Angabe der Breite und Höhe bezieht (auf den Inhalt oder auf den Inhalt + Innenabstand, ...)