What are Fluid Properties?

Fluid Properties are a set of property values that can be assigned to an element to ensure they always remain between a minimum and a maximum value. If a value for that property has been set elsewhere in the properties panel, that will be treated as the preferred value, with the fluid properties preventing the value from going over or under the maximum/minimum allowed value.

Multiple fluid properties can be active simultaneously for different properties. When a fluid property is active, a dot will appear to the left of the property name in the CSS Property Name dropdown menu.

To Add Fluid Properties to an Element

  1. Select a CSS property from the CSS Property Name dropdown menu.
  2. Assign non-zero minimum and maximum values for the property in pixels.
  3. Click ‘Add’. If the property has saved successfully, a dot will appear to the left of the property name in the dropdown.

To Update an Element’s Fluid Properties

  1. Select a CSS property from the CSS Property Name dropdown menu.
  2. Assign non-zero minimum and maximum values for the property in pixels.
  3. Click ‘Replace’.

To Disable an Element’s Fluid Properties

  1. Select the CSS property from the CSS Property Name dropdown menu.
  2. Click ‘Remove’. The minimum and maximum property values will change to ‘0’, indicating that the property is no longer active.
Updated on October 3, 2024

Was this article helpful?

Related Articles

Leave a Comment