display
From https://www.w3schools.com/cssref/pr_class_display.php| Value | Meaning |
|---|---|
inline | Displays an element as an inline element (like <span>). Any height and width properties will have no effect. This is default. |
block | Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width |
contents | Makes the container disappear, making the child elements children of the element the next level up in the DOM |
flex | Displays an element as a block-level flex container |
grid | Displays an element as a block-level grid container |
inline-block | Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values |
inline-flex | Displays an element as an inline-level flex container |
inline-grid | Displays an element as an inline-level grid container |
inline-table | The element is displayed as an inline-level table |
list-item | Let the element behave like a <li> element |
run-in | Displays an element as either block or inline, depending on context |
table | Let the element behave like a <table> element |
table-caption | Let the element behave like a <caption> element |
table-column-group | Let the element behave like a <colgroup> element |
table-header-group | Let the element behave like a <thead> element |
table-footer-group | Let the element behave like a <tfoot> element |
table-row-group | Let the element behave like a <tbody> element |
table-cell | Let the element behave like a <td> element |
table-column | Let the element behave like a <col> element |
table-row | Let the element behave like a <tr> element |
none | The element is completely removed |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |
font-family
font-family:"Times New Roman",Times,serif;
font-family:Verdana,Geneva,sans-serif;
# code
font-family:"Courier New",Courier,monospace;
font-family:"Comic Sans MS",cursive;
font-family:Cottonwood,"FB Reactor",fantasy;
font-family: HK Grotesk,sans-serif;
white-space
From https://www.w3schools.com/cssref/pr_text_white-space.php| Value | Meaning |
|---|---|
normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default |
nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered |
pre | Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the <pre> tag in HTML |
pre-line | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks |
pre-wrap | Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |