in English
ꯐꯤꯒꯔꯁꯤꯡ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯐꯤꯒꯔ ꯀꯝꯄꯣꯅꯦꯟꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯏꯃꯦꯖꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯇꯦꯛꯁꯇꯁꯤꯡ ꯎꯠꯅꯕꯒꯤꯗꯃꯛ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯃꯁꯤꯡ꯫
ꯄꯦꯖ ꯑꯁꯤꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯃꯇꯝ ꯑꯃꯠꯇꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯇꯃꯗꯥ—ꯑꯣꯄꯁꯅꯦꯜ ꯀꯦꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯑꯣꯕꯥ ꯏꯃꯦꯖ ꯑꯃꯒꯨꯝꯅꯥ, <figure>
.
HTML5 ꯑꯃꯁꯨꯡ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯕꯦꯖ ꯂꯥꯏꯟ ꯁ꯭ꯇꯥꯏꯜ ꯈꯔꯥ ꯄꯤꯅꯕꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ .figure
, .figure-img
ꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯐꯤꯒꯔꯁꯤꯡꯗꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯏꯃꯦꯖꯁꯤꯡ ꯑꯁꯤ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯁꯥꯏꯖ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯅꯍꯥꯛꯀꯤꯗꯥ ꯁꯣꯏꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.figure-caption
<figure>
<figcaption>
.img-fluid
<img>
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
ꯐꯤꯒꯔ ꯑꯁꯤꯒꯤ ꯀꯦꯄꯁꯟ ꯑꯁꯤ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯝꯅꯥ ꯂꯥꯏ .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>
ꯁꯥꯁꯁ ꯇꯧꯕꯥ꯫
ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;