Home / Function/ property() — tailwindcss Function Reference

property() — tailwindcss Function Reference

Architecture documentation for the property() function in utilities.ts from the tailwindcss codebase.

Function typescript OxideCore PreProcessors calls 2

Entity Profile

Dependency Diagram

graph TD
  597a9b77_d2ca_f0b9_f8dc_4f8932efe47e["property()"]
  c35acfc6_964d_737e_6ecc_275e6f10293a["atRule()"]
  597a9b77_d2ca_f0b9_f8dc_4f8932efe47e -->|calls| c35acfc6_964d_737e_6ecc_275e6f10293a
  47ef7bd7_b959_59c4_dbd1_328f35d7cd89["decl()"]
  597a9b77_d2ca_f0b9_f8dc_4f8932efe47e -->|calls| 47ef7bd7_b959_59c4_dbd1_328f35d7cd89
  style 597a9b77_d2ca_f0b9_f8dc_4f8932efe47e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utilities.ts lines 156–168

function property(ident: string, initialValue?: string, syntax?: string) {
  return atRule('@property', ident, [
    decl('syntax', syntax ? `"${syntax}"` : `"*"`),
    decl('inherits', 'false'),

    // If there's no initial value, it's important that we omit it rather than
    // use an empty value. Safari currently doesn't support an empty
    // `initial-value` properly, so we have to design how we use things around
    // the guaranteed invalid value instead, which is how `initial-value`
    // behaves when omitted.
    ...(initialValue ? [decl('initial-value', initialValue)] : []),
  ])
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does property() do?
property() is a function in the tailwindcss codebase.
What does property() call?
property() calls 2 function(s): atRule, decl.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free