Live demo - CSS (Cascading Style Sheets) code

The source code above is an interactive live demo of Prism Syntax Highlighter for Confluence that shows some of the features:

  • Previewers: Hover over a color, timing, angle or easing definition in the CSS code to see a preview.

  • Source code downloading: Click the “Download” button in the toolbar on the top right to download the source code.

  • Copy & paste support: Click the “Copy” button in the toolbar on the top right to copy the source code to the clipboard.

  • Line number & line highlighting: Line numbers are shown and lines 3 to 9 are highlighted.

  • Brace matching: Hover over the braces to see the interactive brace matching.

  • Show invisible: Invisible characters (such as spaces and line breaks) are shown.

  • Clickable links: Click on mail in the source code to open your e-mail client.

The CSS Code was was taken from the website https://prismjs.com/plugins/previewers/.