Inline-Style in CSS Konverter
HTML Inline-Styles extrahieren und in externe CSS-Klassen überführen
Trennt Inline-Style-Attribute aus HTML-Dateien in ein separates CSS-Stylesheet.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Fügen Sie HTML-Code mit style-Attributen ein.
- Geben Sie das Klassennamen-Präfix an.
- Generieren Sie den Code und kopieren Sie HTML und CSS getrennt.
FAQ
- Werden bestehende Klassen überschrieben?
- Nein, die neuen generierten Klassen werden an das class-Attribut angehängt.
- Werden mehrere Tags mit exakt demselben Inline-Stil zu einer gemeinsamen Klasse zusammengefasst?
- Nein, das Tool vergibt für jedes einzelne Tag einen neuen Klassennamen, identische Stile landen also trotzdem in getrennten Klassen. Wenn Sie Duplikate zu einer gemeinsamen Klasse zusammenführen möchten, müssen Sie die identischen Deklarationen im resultierenden CSS selbst finden und manuell zusammenlegen.
- Werden mehrere Tags mit exakt demselben Inline-Stil zu einer gemeinsamen Klasse zusammengefasst?
- Nein, das Tool vergibt für jedes einzelne Tag einen neuen Klassennamen, identische Stile landen also trotzdem in getrennten Klassen. Wenn Sie Duplikate zu einer gemeinsamen Klasse zusammenführen möchten, müssen Sie die identischen Deklarationen im resultierenden CSS selbst finden und manuell zusammenlegen.