Details

Show details...

Syntax

{{< details
background-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
border-radius="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
border-width="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
close-image="Any valid image link"
heading="Any text"
heading-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
image-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
is-full-width="true|false"
is-open="true|false"
margin="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
open-image="Any valid image link"
text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}

The actual message goes here

{{< /details >}}

Samples

left border style
ext ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type sve centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with
Heading
left border style
Heading
left border stylepx
Heading
left border style
Heading
left border style
Heading
left border style
Heading
Top border Style
Heading
Top border Style
Heading
Bottom border Style
Heading
Normal Style
Heading
Normal Style
Heading
Normal Style