Das beste CSS-Style-Liste (ul)-Tutorial im Jahr 2024. In diesem Tutorial können Sie Liste,Verschiedene Listenelement Marker,Beispiele,Als Bildlistenelement Marker,Beispiele,Browser-Kompatibilität Lösungen,Beispiele,List - Kurzschrift-Eigenschaft,Beispiele,Weitere Beispiele,Alle CSS Listeneigenschaften, lernen
CSS Listeneigenschaften Rolle ist wie folgt:
In HTML gibt es zwei Arten von Listen:
Mit CSS können Sie den Stil weiter auflisten und können ein Bild Listenelement Marker machen.
list-style-type-Attribut gibt die Art der Listenpunkt Marker ist ::
Einige Werte sind ungeordnete Listen, und einige ist eine geordnete Liste.
So geben Sie die Bildliste Artikel Marker, verwenden Sie die list-style-Bildeigenschaft:
Das obige Beispiel zeigt nicht das gleiche in allen Browsern, IE und Opera zeigen die Image-Tags als Firefox, Chrome und Safari ein wenig höher.
Wenn Sie das gleiche Bild des Logos in allen Browsern platzieren möchten, sollten Sie eine Browser-Kompatibilität Lösungen verwenden, wie folgt
Auch in allen Browsern, wird das folgende Beispiel zeigt die Bild-Tag:
Erklärt Beispiel:
Sie können eine Liste aller Eigenschaften in einer einzigen Eigenschaft angeben. Dies ist eine Kurzschrift-Eigenschaft genannt.
Verwenden Sie Abkürzungen Eigenschaft auf der Liste werden eine Liste von Stilattribute wie folgt festgelegt:
Wenn Sie die zusammenfassende Eigenschaft Wert der Bestellung verwenden ist:
Wenn diese Werte eine der restlichen Bestellung fehlen noch angegeben, spielt es keine Rolle.
Alle verschiedenen Listenelement Marker
Dieses Beispiel zeigt alle verschiedenen CSS Listenelement Marker.
Immobilien | Beschreibung |
---|---|
list-style | Stenografie Eigenschaft. Eine Liste aller Eigenschaften in einer Anweisung zur Verfügung gestellt |
list-style-image | Das Bild wird eine Liste der Elemente zu unterzeichnen. |
list-style-position | Stellen Sie die Position in der Liste der Listenpunkt Marker. |
list-style-type | Die Art der Listenposition Flagge. |