Query .innerWidth()
Gets element inner width with padding
query-innerwidth
component
Query
page.js
Dimensions
Includes padding but excludes border (sits between width() and outerWidth())
["query","dimensions","width","padding"]
.innerWidth()
Example
Semantic UI
Documentation
UI Components
Learn
Examples
ctrl+k
Enter a search term above to see results...
Categories
Framework
UI Components
Templates
Reactivity
Query
Utils
Setup
ESM Usage
Browser Usage
Custom Root
Export Globals
No Conflict
Introduction
Chaining
Shadow DOM
Selectors
DOM Selectors
DOM Creation
Plugins / Behaviors
Plugin
Behavior
Behavior - Mutations
Standard Plugins
Attach
Transition
Components
.component()
.dataContext()
.initialize()
.setting()
.settings()
Attributes
.addClass()
.attr()
.data()
.hasClass()
.removeAttr()
.removeClass()
.removeData()
.toggleClass()
Content
.getSlot()
.html()
.outerHTML()
.setSlot()
.text()
.textNode()
.value()
CSS
.computedStyle()
.css()
.cssVar()
Dimensions
.bounds()
.dimensions()
.height()
.innerHeight()
.innerWidth()
.intersects()
.naturalHeight()
.naturalWidth()
.outerHeight()
.outerWidth()
.pagePosition()
.position()
.scrollHeight()
.scrollLeft()
.scrollTop()
.scrollWidth()
.width()
Visibility
.clippingParent()
.hide()
.isInView()
.isVisible()
.naturalDisplay()
.offsetParent()
.positioningParent()
.show()
.toggle()
DOM Manipulation
.append()
.appendTo()
.clone()
.detach()
.insertAfter()
.insertBefore()
.prepend()
.prependTo()
.remove()
.reverse()
DOM Traversal
.children()
.closest()
.contains()
.filter()
.find()
.indexOf()
.next()
.not()
.parent()
.prev()
.scrollParent()
.siblings()
Events
.blur()
.click()
.dispatchEvent()
.focus()
.off()
.on()
.on() Delegation
.on() Abort
.on() Callback
.one()
.onNext()
.ready()
.submit()
.trigger()
Iterators
.each()
.map()
Logical Operators
.end()
.eq()
.is()
.last()
.slice()
Utilities
Semantic UI