- Startseite
- TYPO3-Tipps
- CSS-Ausgaben im…
- Inline-CSS
Inline-CSS
Inline-CSS in TYPO3 verwenden
Inline-CSS bedeutet, dass Sie mittels STYLE-Attribut in einem HTML-Tag Formatanweisungen festlegen. Diese übersteuern die Formatvorgaben aus den externen CSS-Dateien und im HEAD-Bereich untergebrachten Formatbefehle.
Dies ist nur im Rahmen einer TypoScript-Programmierung möglich.
Möchten Sie hingegen ohne Eingriff in TypoScript einige Formatbefehle auf einer TYPO3-Seite übersteuern, verwenden Sie das HTML-Seitenelement. Fügen Sie dort die CSS-Anweisungen zwischen folgende Anweisungen ein. Beispiel:
<!--TYPO3SEARCH_end-->
<style type="text/css">
.tx-vgetagcloud-pi1 {
width: 400px;
margin-left: 20px; padding: 10px;
border: 1px solid white;
background-color: #FFAFD6;
}
.tx-vgetagcloud-pi1 ul { margin: 0; padding: 0; width: 400px; }
.tx-vgetagcloud-pi1 ul li a { color:black; }
.tx-vgetagcloud-pi1 ul li a:hover { color:#7C023B; }
</style>
<!--TYPO3SEARCH_begin-->
Wenn Sie hingegen CSS-Anweisungen für die ganze Webseite ausgeben möchten, so finden Sie unter Internal-CSS in TYPO3 Hinweise.