Adobe Developer
Products
Products
UXP for InDesign Introduction Scripts Plugins Resources
References
    What's New
    UXP API
    InDesign API
Console

Edit ProfileSign out

Global Navigation

  • UXP for InDesign
  • Introduction
  • Scripts
  • Plugins
  • Resources
  • References
    • What's New
    • UXP API
    • InDesign API
  • Console

Table of contents

  • UXP API Reference

    • JavaScript Reference
      • Global Members
        • Crypto
        • Data Transfers
          • Blob
          • Clipboard
          • XMLHttpRequest
          • WebSocket
          • fetch
          • FormData
          • Headers
          • Request
          • Response
        • Data Storage
          • LocalStorage
          • SessionStorage
        • HTML Events
          • BaseUIEvent
          • CloseEvent
          • DragEvent
          • Event
          • EventTarget
          • GestureEvent
          • KeyboardEvent
          • MessageEvent
          • PointerEvent
          • ProgressEvent
          • ErrorEvent
        • HTML DOM
          • DOMTokenList
          • ClassList
          • AbortController
          • AbortSignal
          • Alerts - Alert
          • Alerts - Confirm
          • Alerts - Prompt
          • Attr
          • CanvasGradient
          • CanvasRenderingContext2D
          • CharacterData
          • Comment
          • CustomElementRegistry
          • Document
          • DocumentFragment
          • Element
          • HTMLCollection
          • NamedNodeMap
          • Node
          • NodeFilter
          • NodeList
          • Path2D
          • ShadowRoot
          • Text
          • TreeWalker
        • HTML Elements
          • HTMLAnchorElement
          • HTMLBodyElement
          • HTMLButtonElement
          • HTMLCanvasElement
          • HTMLDialogElement
          • HTMLElement
          • HTMLHeadElement
          • HTMLHtmlElement
          • HTMLImageElement
          • HTMLInputElement
          • HTMLLabelElement
          • HTMLLinkElement
          • HTMLMenuElement
          • HTMLMenuItemElement
          • HTMLOptionElement
          • HTMLProgressElement
          • HTMLScriptElement
          • HTMLSelectElement
          • HTMLSlotElement
          • HTMLStyleElement
          • HTMLTemplateElement
          • HTMLTextAreaElement
          • HTMLVideoElement
          • HTMLWebViewElement
        • ImageBlob
        • Path
        • Streams
          • CountQueuingStrategy
          • ReadableStream
          • ReadableStreamDefaultController
          • ReadableStreamDefaultReader
          • TransformStream
          • TransformStreamDefaultController
          • WritableStream
          • WritableStreamDefaultController
          • WritableStreamDefaultWriter
      • Modules
        • fs
        • os
        • uxp
          • Entry Points
            • EntryPoints
            • EntryPointsError
            • UxpCommandInfo
            • UxpMenuItem
            • UxpMenuItems
            • UxpPanelInfo
            • UxpPluginInfo
          • Persistent File Storage
            • localFileSystem
            • Entry
            • EntryMetadata
            • File
            • Folder
            • FileSystemProvider
            • domains
            • types
            • formats
            • modes
            • fileTypes
            • errors
          • Plugin Manager
            • Plugin
            • Plugin Manager
            • Script
          • Key-Value Storage
            • SecureStorage
          • Versions
            • Versions
          • Host Information
            • Host
          • shell
          • User Information
          • XMP
            • XMPMeta
            • XMPFile
            • XMPUtils
            • XMPDateTime
            • XMPConst
            • XMPIterator
            • XMPProperty
            • XMPFileInfo
            • XMPPacketInfo
    • CSS Reference
      • General
        • calc
        • variables
        • units
      • Selectors
        • Adjacent Sibling combinator
        • Attribute selector
        • Child combinator
        • Class selector
        • Descendant combinator
        • General Sibling combinator
        • Identifier selector
        • Type selector
        • Universal selector
      • Media Queries
        • height
        • prefers-color-scheme
        • width
      • Pseudo-elements
        • after
        • before
      • Pseudo-classes
        • active
        • checked
        • defined
        • disabled
        • enabled
        • empty
        • first-child
        • focus
        • hover
        • last-child
        • nth-child
        • nth-last-child
        • nth-last-of-type
        • nth-of-type
        • only-child
        • root
      • Styles
        • align-content
        • align-items
        • align-self
        • background-attachment
        • background-color
        • background-image
        • background-repeat
        • background-size
        • background
        • border-bottom-color
        • border-bottom-left-radius
        • border-bottom-right-radius
        • border-bottom-style
        • border-bottom-width
        • border-bottom
        • border-color
        • border-left-color
        • border-left-style
        • border-left-width
        • border-left
        • border-radius
        • border-right-color
        • border-right-style
        • border-right-width
        • border-right
        • border-style
        • border-top-color
        • border-top-left-radius
        • border-top-style
        • border-top-width
        • border-top
        • border-width
        • bottom
        • color
        • display
        • flex-basis
        • flex-direction
        • flex-grow
        • flex-shrink
        • flex-wrap
        • flex
        • font-family
        • font-size
        • font-style
        • font-weight
        • height
        • justify-content
        • left
        • letter-spacing
        • margin-bottom
        • margin-left
        • margin-right
        • margin-top
        • margin
        • max-height
        • max-width
        • min-height
        • min-width
        • opacity
        • overflow-x
        • overflow-y
        • overflow
        • padding-bottom
        • padding-left
        • padding-right
        • padding-top
        • padding
        • right
        • text-align
        • text-overflow
        • top
        • visibility
        • white-space
        • width
    • HTML Reference
      • General
        • Unsupported Elements
        • Unsupported Attributes
        • body
        • head
        • html
        • link
        • script
        • style
      • Hierarchy
        • footer
        • h1
        • h2
        • h3
        • h4
        • h5
        • h6
        • hr
    • Spectrum UXP Reference
      • Spectrum Web Components
      • Spectrum UXP Widgets
        • Typography
          • sp-body
          • sp-detail
          • sp-heading
          • sp-label
        • User Interface
          • sp-action-button
          • sp-button
          • sp-checkbox
          • sp-divider
          • sp-dropdown
          • sp-icon
          • sp-link
          • sp-menu
          • sp-menu-item
          • sp-progressbar
          • sp-radio
          • sp-radio-group
          • sp-slider
          • sp-textfield
          • sp-textarea
        • Using with React
      • Spectrum Widgets to SWC
      • FAQs
    • Known Issues
  • Products
  • UXP for InDesign
  • References
  • UXP API
  • CSS Reference
  • General
  • units
Edit in GitHubLog an issue

CSS Units

Since UXP v3.0

UXP supports several CSS units to make layout easier. Units supported are em, rem, vh, vw, vmin, vmax, cm, mm, in, pc, pt, px.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units#Relative_length_units

variables
Selectors
Padma Krishnamoorthy
Last updated 3/8/2023
Was this helpful?
Yes
No

APIs and Services

  • Adobe Creative Cloud
  • Adobe Experience Platform
  • Adobe Document Cloud
  • Adobe Cloud Manager
  • Adobe Analytics
  • App Builder
  • View all APIs and ServicesView all

Community

  • Adobe Tech Blog
  • Adobe on GitHub
  • Adobe Developer on YouTube
  • Adobe Developer on X
  • Community Forums

Support

  • Adobe Developer support
  • Adobe Product support

Adobe Developer

  • Adobe Developer Console
  • Developer Distribution
  • Open source at Adobe
  • Download SDKs
  • Authentication
  • Careers

  • Privacy
  • Terms of Use
  • Cookie preferences
  • Do not sell or share my personal information
  • AdChoices
Copyright © 2025 Adobe. All rights reserved.