Mit background-origin kann man angeben, ob das Hintergrundbild am Rahmen, am Innenabstand oder am Inhalt ausgerichtet werden soll.
Schlagwort: CSS Grundlagen
CSS-Layouts breiten sich langsam in der Masse aus. Dies ist zu einem Teil dem Fakt geschuldet, dass sich seit Jahren nichts geändert hat. (Browser switches)
Damit Formateigenschaften auf ein Element angewendet werden können, muss definiert werden, welche Elemente angesprochen werden. (selectors).
Um die Erstellung eines mehrspaltigen Seitenlayouts (column layout) ohne viel Code zu ermöglichen, sollen drei neue CSS-Eigenschaften eingeführt werden.
Container oder Box zentrieren
Um eine Box mittig zum übergeordneten Objekt auszurichten sind mir zwei unterschiedliche CSS Formatierungsmöglichkeiten bekannt.
Die rechteckigen Blöcke, die im Elementbaum erzeugt und auf dem Bildschirm dargestellt werden, folgen einem Schema, dem Boxmodell.
resize – Eine Veränderung der Größe ist nur möglich und sinnvoll, wenn die overflow-Eigenschaft des Elements einen Wert hat, der verschieden von visible ist.
target attribute – Mit den Werten none, window und tab kann festgelegt werden, ob der Browser einen Link im gleichen Fenster, in einem neuen Fenster öffnen soll.
Mit box-shadow kann einem Kasten (Text-Elemente) ein Schatten einfach und ohne Bilder gegeben werden. Damit können schöne Effekte wie Leuchten usw. erzielt werden.
How to use Background-Size
Background-Size wird zwar von vielen Browsern unterstützt, allerdings hat jedes Programm noch seine eigene Implementierung mit eigener Syntax.