Security News
Highlights from the 2024 Rails Community Survey
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
Small module for fast and reliable DOM styling.
px
strings for common properties (see add-px-to-style)var css = require('dom-css')
//set a style
css(element, 'position', 'absolute')
//will be set as "WebkitFontSmoothing" on Chrome
css(element, 'font-smoothing', 'none')
//set multiple styles
css(element, {
// can be camel or dash case
'background-color': 'blue',
// you can use numbers to auto-"px"
left: 25,
top: 0,
marginTop: 0,
position: 'absolute',
// certain props will not have "px" added
opacity: 0.5
})
//get the current style
css.get(element, 'position')
// -> 'absolute'
css.get(element, ['left', 'marginTop'])
// -> { left: '25px', marginTop: '0px' }
Note: The get()
method does not compute an element's style, it only fetches the currently set inline style.
css(element, property, value)
css.set(element, property, value)
Styles an element with the css property
(dash or camel case) and a given value. value
is a string, or a number to be suffixed with 'px'
(special cases, see below).
css(element, styles)
css.set(element, styles)
A shorthand for setting multiple styles, where styles
is an object containing property:value
pairs.
css.get(element, prop)
Gets the inline style of element, where prop
is a string (like "borderRadius"
) or an array of strings. If an array of strings is given, an object is returned with key-value pairs representing the specified properties.
css.get(div, ['width', 'height'])
//=> { width: '20px', height: '40px' }
This does not provide the computed style, only the current inline style.
If a number is specified, the value will have "px"
added to it, unless it is a special unitless property like 'opacity'
and 'zIndex'
. See the full list in add-px-to-style (sourced from React).
2.x
prefix-style
, since 'Khtml'
prefix has long been obsoleteopacity
, zIndex
, etc. The list is sourced from React and maintained in another module.1.x
- initial version which had a list of properties to be suffixed with "px"Special thanks to Paul Irish's gist for the prefix detection (now part of Modernizr).
MIT, see LICENSE.md for details.
FAQs
fast dom CSS styling
The npm package dom-css receives a total of 215,933 weekly downloads. As such, dom-css popularity was classified as popular.
We found that dom-css demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
Security News
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.