Special: CSS3 – die neuen Funktionen

Vorherige Seite - 1 2 3 4 5 - Nächste Seite

Anordnung in mehreren Spalten

CSS3 erlaubt mit der Eigenschaft „column-count“ die Anordnung des Textes auf mehrere Spalten verteilt. Das funktioniert bereits in den Browsern Firefox, Safari und Chrome, allerdings nur auf Basis der herstellerspezifischen Tags. Die grundlegende Anordnung des Textes stellen Sie über die Eigenschaft „column-count“ her:

Das Ergebnis kann sich bereits sehen lassen: Der vorhandene Text wird gleichmäßig in drei Spalten aufgeteilt und dargestellt.
Nachdem Sie die grundlegende Struktur geschaffen haben, können Sie sich ans Feintuning machen. Die Eigenschaft „column-gap“ legt den Abstand zwischen den einzelnen Spalten fest. Da auch dieser Befehl noch nicht komplett implementiert ist, geben Sie zur Sicherheit jeweils noch die Browser-spezifische Ausprägung mit an. Zusätzlich zum definierten Abstand können Sie zur optisch eindeutigen Trennung zwischen den Spalten einen Trennstrich verwenden. Legen Sie diesen über die Eigenschaft „column-rule“ fest. Diese erlaubt als Parameter zum einen? die Breite der Linie, zum anderen die Art der Linie? sowie deren Farbe. Bei der Art der Linie stehen unter an?derem gepunktet oder doppelt zur Verfügung. Eine vollständige Liste der Attribute finden Sie beispielsweise unter Webcode* WMDA5F.

CSS3 bietet eine Reihe von sehr interessanten Funktionen aus den unterschiedlichsten Bereichen an. Bis wann aktuelle Browserversionen die wichtigsten Neuerungen von CSS3 allerdings komplett abdecken, ist noch nicht ersichtlich. Aus diesem Grund und auch für die älteren Browserbesitzer sollten Sie immer einen alternativen Darstellungsweg bereithalten.

Interessante CSS3-Sammlungen

Freshwebdesign
Im Blog finden Sie einen aktuellen Beitrag, der zahlreiche Websites mit interessanten CSS3-Oberflächen vorstellt. (hier)
Designshack
Auf der englischen Website finden Sie einen Blogartikel, der zehn eindrucksvolle Animationen auf Basis von CSS3 präsentiert, unter anderem auch die Matrix oder den Einleitungstext von Star Wars. (hier)
Web3Mantra
Die Schreiber des Blogs von Web3Mantra waren besonders fleißig und haben über 50 interessante CSS3-Webseiten zusammengestellt: vom einfachen Drop-down-Menü bis hin zum Windows 7-Startmenü. (hier)
Catswhocode Verschiedene Blogbeiträge, wie etwa die zehn interessantesten Button-Workshops. (hier)
Vorherige Seite - 1 2 3 4 5 - Nächste Seite
Hat Ihnen dieses webselling Special gefallen?
>> Dann finden Sie hier viele weitere spannende Specials in der Übersicht
Startseite Newsletter Specials Zeitschrift Mediadaten Abo/Shop Datenschutz Kontakt/Impressum