CSS Referenz column-width

0 | 2 Kommentare | 1402 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Referenz column-width" mit Ihrem Wissen!

Anzeige Hier werben

column-width

Werte: auto, <Länge>
Standardwert: auto
Vererbung: nein
Kurzschreibweise: keine
Anwendbar auf: Alle
CSS-Level: CSS3

Die CSS3 Eigenschaft column-width gibt die Spaltenbreite eines Textes an.

column-width wird wird aktuell nur anbieterspezifisch in Firefox, Safari und Google Chrome unterstützt.

Firefox2Nein3Nein3.5Fast3.6Fast
IE6Nein7Nein8Nein
Opera9.5Nein10Nein
Safari3Fast4Fast
6%
column-width

Werte

auto Die Breite der Spalten wird über andere CSS Eigenschaften bestimmt. (bsw: column-count)

<Länge> eine positive Zahl, welche die Breite der Spalten angibt.

Anbieterspezifische Eigenschaften

Eigenschaft
 Wert
-moz-column-width
 Spaltenbreite
-webkit-column-width Spaltenbreite

Beispiel

column-width  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<p style="-moz-column-width:10em; -webkit-column-width:10em;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean commodo 
ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus et 
magnis dis parturient montes, nascetur ridiculus mus.  Donec quam felis,
 ultricies nec, pellentesque eu, pretium quis, sem.  Nulla consequat 
massa quis enim.  Donec pede justo, fringilla vel, aliquet nec, 
vulputate eget, arcu.  In enim justo, rhoncus ut, imperdiet a, venenatis
 vitae, justo.  Nullam dictum felis eu pede mollis pretium.  Integer 
tincidunt.  Cras dapibus.  Vivamus elementum semper nisi.  Aenean 
vulputate eleifend tellus.  Aenean leo ligula, porttitor eu, consequat 
vitae, eleifend ac, enim.  Aliquam lorem ante, dapibus in, viverra quis,
 feugiat a, tellus.  Phasellus viverra nulla ut metus varius laoreet.  
Quisque rutrum.  Aenean imperdiet.  Etiam ultricies nisi vel augue.  
Curabitur ullamcorper ultricies nisi.  Nam eget dui. 
Etiam rhoncus.  Maecenas tempus, tellus eget condimentum rhoncus, sem 
quam semper libero, sit amet adipiscing sem neque sed ipsum.  Nam quam 
nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.  Maecenas nec 
odio et ante tincidunt tempus.  Donec vitae sapien ut libero venenatis 
faucibus.  Nullam quis ante.  Etiam sit amet orci eget eros faucibus 
tincidunt.  Duis leo.  Sed fringilla mauris sit amet nibh.  Donec 
sodales sagittis magna.  Sed consequat, leo eget bibendum sodales, augue
 velit cursus nunc.
</p>

Verwandte CSS Eigenschaften

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher hat 1 Person an der Seite "CSS Referenz column-width" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz column-width" hier bearbeiten.

Mitarbeiter

Kommentare: CSS Referenz column-width

Neuen Kommentar schreiben
Tolle Eigenschaft
Beantworten

Finde dies ist eine der besten CSS3 Eigenschaften!

Sebastian Bechtel am 29.05.2010 um 19:44
Re: Tolle Eigenschaft
Beantworten

find sie auch ziemlich cool - durch den Fallback auf eine Spalte (bei keiner Unterstützung) kann man columns schon ganz gut einsetzen....

Moritz Kern am 31.05.2010 um 21:41