Suchen

RoMiJaMaLiMiLe

Wort + Logik von RoMiJaMaLiMiLe umkehren in LeMiLiMaJaMiRo mit Javascript.

document.addEventListener('DOMContentLoaded', () => {
let element = document.getElementById('reverse');
element.textContent = element.textContent.match(/[A-Z][a-z]*/g).reverse().join('');
});

RoMi RoJa RoMa RoLi RoLe MiRo MiMi MiJa MiMa MiLi MiLe JaRo JaMi JaMa JaLi JaLe MaRo MaMi MaJa MaLi MaLe LiRo LiMi LiJa LiMa LiLe MiRo MiJa MiMa MiLi MiLe LeRo LeMi LeJa LeMa LeLi

OL reversed

Zählrichtung umkehren mit <ol reversed>. Listenmarker in Rot mit ::marker.

/* css */
ol[reversed]>li::marker { color: red; }
ol[reversed]>li>span { margin-left: .5rem; }

Ein "margin" zwischen Marker und Listenpunkt bekomme ich leider nur mit einem <span> hin, ohne den CSS Code unnötig aufzublähen. Kann man machen, solange der Listenpunkt auch nur aus einem Einzeiler besteht.

Definitionsliste

Ähnlich einer ungeordneten ul oder geordneten ol Liste in der automatisch ein Listenpunkt bzw. Ordnungszahl vorangestellt wird, können wir in dt einen Definitionstitel bestimmen.

Bezeichnung: Europalette (EPAL 1)
Abmessung: 120 x 80 x 14,4 cm
Gewicht: ca. 25 kg
Tragkraft: 1500 kg

Auch ein ineinander verschachteln ist möglich.

Listen

ul ungeordnete Liste (default).

Item 1
Item 2
Item 3
Item 4

bUTschy.de