monks/field_sizing

The field-sizing CSS property enables you to control the sizing behavior of elements that are given a default preferred size, such as form control elements. This property enables you to override the default sizing behavior, allowing form controls to adjust in size to fit their contents.

This property is typically used to style text {{htmlelement(“input”)}} and {{htmlelement(“textarea”)}} elements to allow them to shrinkwrap their content as well as grow when more text is entered into the form control.

Values

content

</>

pub const content: #(String, String)

: Allows the element to adjust its size to fit its contents.

fixed

</>

pub const fixed: #(String, String)

: Sets a fixed size for the element. This is the default value.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for field-sizing

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for field-sizing. It will be wrapped in var() and have -- prepended.