Highlight

Demo > Funktionen > Highlight
``` javascript
var ready = function() 
{
    console.log("Hello world");
    // Add more JavaScript code here
}
window.addEventListener('load', ready, false);
```

ergibt

var ready = function() 
{
    console.log("Hello world");
    // Add more JavaScript code here
}
window.addEventListener('load', ready, false);

und

``` html
<body>
<p>Hello world!</p>
</body>
```

ergibt

<body>
<p>Hello world!</p>
</body>

und

``` html {.with-line-number}
<body>
<p>Hello world!</p>
</body>
```

ergibt

<body>
<p>Hello world!</p>
</body>

Mit sieht, dass html nicht richtig funktioniert, aber CSS

/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}