svelte Architecture Docs
Home / Function/ css_props() — svelte Function Reference

css_props() — svelte Function Reference

Architecture documentation for the css_props() function in css-props.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 3

Entity Profile

Dependency Diagram

graph TD
  428d80ef_1fb6_779c_a336_2ec372202597["css_props()"]
  4d06167e_1009_096b_88b0_99ef50b8fbad["css-props.js"]
  428d80ef_1fb6_779c_a336_2ec372202597 -->|defined in| 4d06167e_1009_096b_88b0_99ef50b8fbad
  40f27ad3_30bb_8f2a_3fb3_757088cf7428["set_hydrate_node()"]
  428d80ef_1fb6_779c_a336_2ec372202597 -->|calls| 40f27ad3_30bb_8f2a_3fb3_757088cf7428
  f3bd5a62_2879_ccbe_7046_712cbf9eeaab["get_first_child()"]
  428d80ef_1fb6_779c_a336_2ec372202597 -->|calls| f3bd5a62_2879_ccbe_7046_712cbf9eeaab
  7494b934_a3b8_689e_91b6_8435e26461c5["render_effect()"]
  428d80ef_1fb6_779c_a336_2ec372202597 -->|calls| 7494b934_a3b8_689e_91b6_8435e26461c5
  style 428d80ef_1fb6_779c_a336_2ec372202597 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/blocks/css-props.js lines 10–28

export function css_props(element, get_styles) {
	if (hydrating) {
		set_hydrate_node(get_first_child(element));
	}

	render_effect(() => {
		var styles = get_styles();

		for (var key in styles) {
			var value = styles[key];

			if (value) {
				element.style.setProperty(key, value);
			} else {
				element.style.removeProperty(key);
			}
		}
	});
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does css_props() do?
css_props() is a function in the svelte codebase, defined in packages/svelte/src/internal/client/dom/blocks/css-props.js.
Where is css_props() defined?
css_props() is defined in packages/svelte/src/internal/client/dom/blocks/css-props.js at line 10.
What does css_props() call?
css_props() calls 3 function(s): get_first_child, render_effect, set_hydrate_node.

Analyze Your Own Codebase

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

Try Supermodel Free