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.