hyperhtml-style

The hyperHTML's html/svg style updater

Usage no npm install needed!

<script type="module">
  import hyperhtmlStyle from 'https://cdn.skypack.dev/hyperhtml-style';
</script>

README

hyperHTML Style

Build Status Coverage Status Greenkeeper badge WebReflection status

The hyperHTML's html/svg style updater.

  • CDN as global utility, via https://unpkg.com/hyperhtml-style
  • ESM via import hyperStyle from 'hyperhtml-style'
  • CJS via const hyperStyle = require('hyperhtml-style')

Live test

Example

The tagger accepts a node and returns a function that can be used to update the node style either via an object or a string.

var bodyStyle = hyperhtmlStyle(document.body);
bodyStyle({
  fontFamily: 'sans-serif',
  fontSize: 16,
  '--cssProperty': 'value'
});

console.log(document.body.style.cssText);

// font-family: sans-serif;
// font-size: 16px;
// --cssProperty:value;