Neopolitan Sections: startcss

The `-- css/`neo` section provides a way to add CSS to a page directly from the content. The tag starts a block that includes all the content until an `-- /css`neo` tag. The contents are added to the `head`` of the document inside `style`` tags.

Source

Code
-- css/

div {
  outline: 1px solid blue;
}

-- /css

Example HTML

Code
<style>
  div {
    outline: 1px solid blue;
  }
</style>

Showing The Code

Adding a `-- show`neo` attribute outputs a visible code block with the css in it on the page in addition to adding it to the head of the document.

The functionality is designed to ensure that code samples are accurate because they are being used directly.

Source

Code
-- css/
-- show

pre {
  border: 1px solid blue;
}

-- /css

Live Example

This is the output from the snippet that set the pre tag border style for this page.