W3.Kod CSS


Przykłady wyświetlania

Klasa w3-panel służy do wyświetlania przykładów w szarym kontenerze:

Przykład

  • Jill
  • przeddzień
  • Adam


Wyświetl kod

Klasa w3-code służy do wyświetlania kodu w czytelnej czcionce o stałej szerokości.

Przykład

owoce[0] = "Banan";
owoce[1] = "Jabłko";
owoce [2] = "Mango";
owoce [3] = "Śliwka";


Podświetl kod wbudowany

Klasa w3-codespan służy do wyróżnienia kodu wbudowanego:

Element htmldefiniuje stronę HTML.

Przykład

The <code class="w3-codespan">html</code> element defines an HTML page.


Kod do kolorowania

W3Schools udostępnia bibliotekę JavaScript do kolorowania kodu.

Przykład

owoce[0] = "Banan";
owoce[1] = "Jabłko";
owoce [2] = "Mango";
owoce [3] = "Śliwka";

Bibliotekę można pobrać stąd: https://www.w3schools.com/lib/w3codecolor.js

Jeśli korzystasz z biblioteki w3codecolor.js, możesz również użyć klas kodu opisanych poniżej:


Zaznacz kod JavaScript

Klasa jsHigh służy do wyróżnienia kodu JavaScript:

Przykład

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

Zaznacz kod HTML

Klasa htmlHigh służy do podświetlania kodu HTML:

Przykład

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

Podświetl kod CSS

Klasa cssHigh służy do wyróżnienia kodu CSS:

Przykład

<div class="w3-code cssHigh">

.. CSS code here

</div>