diff --git a/text-underline/index.html b/text-underline/index.html index 535eab3..05186c4 100644 --- a/text-underline/index.html +++ b/text-underline/index.html @@ -3,16 +3,16 @@ ._container_1jb3t_1{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}._subTitle_1jb3t_9{color:rgb(var(--gray-400));display:inline;font-size:55%} ._container_7707x_1{table-layout:fixed;text-align:center;white-space:nowrap;width:100%}._headerContainer_7707x_8{border-bottom:1px solid rgb(var(--gray-600))}._row_7707x_12{padding:.5rem .75rem;vertical-align:middle}._header_7707x_8,._data_7707x_22{padding:.75rem;vertical-align:middle}._data_7707x_22:is(:first-child){-webkit-mask-image:linear-gradient(to left,#0000,#000 20%);mask-image:linear-gradient(to left,#0000,#000 20%);overflow-x:scroll}._data_7707x_22:is(:first-child):after{content:"";margin-right:.25rem}@media (min-width: 768px){._data_7707x_22:is(:first-child):after{margin-right:1.25rem}}._container_1molx_1{align-items:center;display:flex;flex-direction:column;gap:.75rem}._main_1molx_8:before{color:rgb(var(--gray-100));content:"“"}._main_1molx_8:after{color:rgb(var(--gray-100));content:"”"}._link_1molx_18{align-items:center;border-radius:var(--rounded);display:flex;gap:.1rem;justify-content:center;padding:.5rem 1rem}._icon_1molx_27{height:1rem;width:1rem} ._container_dr0yo_1{text-align:center} -._link_bl2x7_1{align-items:center;border-radius:var(--rounded);display:inline-flex;gap:.1rem;text-decoration:none;text-underline-offset:auto}._icon_bl2x7_10{height:1rem;width:1rem}._example1Link_bl2x7_15{text-decoration:underline}._example2Link_bl2x7_19{border-bottom:1px solid currentcolor;text-decoration:none}._example3Link_bl2x7_24{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.25em}._example4Link_bl2x7_30{background-image:linear-gradient(transparent 95%,currentcolor 0);text-decoration:none}._example5Link_bl2x7_35{box-shadow:0 1px 0 0 currentcolor;text-decoration:none} +._link_1yx4p_1{align-items:center;display:inline-flex;gap:.1rem;text-decoration:none;text-underline-offset:auto}._icon_1yx4p_9{height:1rem;width:1rem}._example1Link_1yx4p_14{text-decoration:underline}._example2Link_1yx4p_18{border-bottom:1px solid currentcolor;text-decoration:none}._example3Link_1yx4p_23{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.25em}._example4Link_1yx4p_29{background-image:linear-gradient(transparent 95%,currentcolor 0);text-decoration:none}._example5Link_1yx4p_34{box-shadow:0 1px 0 0 currentcolor;text-decoration:none} ._container_a8mo9_1{align-items:center;background-color:rgb(var(--gray-700));bottom:0;box-shadow:0 0 .1rem .05rem rgb(var(--gray-900));display:flex;justify-content:center;padding:.75rem 0;position:fixed;width:100%;z-index:100}._navigation_a8mo9_14{display:flex;flex-direction:row;gap:1rem}@media (min-width: 768px){._navigation_a8mo9_14{gap:2rem}}._link_a8mo9_26{border-radius:var(--rounded);color:rgb(var(--gray-400));padding:.25rem 1.5rem;text-decoration:none}._link_a8mo9_26:active{background-color:rgb(var(--gray-600));color:rgb(var(--gray-100))}._container_17tk1_1{background-color:rgb(var(--gray-700));box-shadow:0 .05rem .1rem rgb(var(--gray-900));position:fixed;width:100%;z-index:100}._navigation_17tk1_9{align-items:center;display:flex;justify-content:center;padding:.75rem 1rem}._link_17tk1_16{border-radius:var(--rounded);padding:.25rem 1.5rem;text-decoration:none}._link_17tk1_16:active{background-color:rgb(var(--gray-600))}._account_17tk1_26{color:rgb(var(--gray-100));font-size:.95rem}._repository_17tk1_31{color:rgb(var(--pink-300))}

text underline

the text-decoration shorthand css property sets the appearance of decorative lines on text. it is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness - property.

1

text-decoration: underline;
mdn web docs

2

text-decoration: none;
-border-bottom: 1px solid currentcolor;
mdn web docs

3

text-decoration: underline;
+      property.

1

text-decoration: underline;
mdn web docs

2

text-decoration: none;
+border-bottom: 1px solid currentcolor;
mdn web docs

3

text-decoration: underline;
 text-decoration-thickness: 0.05em;
-text-underline-offset: 0.25em;
mdn web docs

4

text-decoration: none;
-background-image: linear-gradient(transparent 95%, currentcolor 0);
mdn web docs

5

text-decoration: none;
-box-shadow: 0 1px 0 0 currentcolor;
mdn web docs

browser support

chrome firefox safari
text-underline-offset 87 70 12.1
text-decoration-thickness 89 70 12.1
← back to home
\ No newline at end of file