nyangx3/a(비교)

* 표(테이블) 테두리 그라디엔트: {{{#!wiki style="@style1@"

\{{{#!style

.'''border-gradient''' { border: 2px solid transparent; background: border-box linear-gradient(to right, '''gradient''') }

.'''border-gradient''' td { background: padding-box var(--article-background-color) }

\}}}

||<-2><tableclass='''border-gradient'''><tablealign=right><tablewidth=420>

}}} {{{#!wiki style="font-size: .75rem; display: table"

{{{#!folding [ 또는 펼치기 · 접기 ]

{{{#!wiki style="font-size: 1.1em"

* stable{{{#!wiki style="@style1@"

\{{{#!style

.'''border-gradient''' {border: 2px solid transparent; background: border-box linear-gradient(to right, '''gradient''') }

.'''border-gradient''' td {background: padding-box #fff}

@theseed-dark-mode {

.'''border-gradient''' td { background: padding-box var(--article-background-color, #1c1d1f) } }

\}}}

||<-2><tableclass='''border-gradient'''><tablealign=right><tablewidth=420>}}}

* #!wiki only{{{#!wiki style="@style1@"

{\{{#!wiki style="width: min(100%, 420px); overflow: hidden; float: right; border: 2px solid transparent; background: border-box linear-gradient(to right in oklch, '''gradient''')"

{\{{#!wiki style="background: #fff" dark-style="background: var(--article-background-color, #1c1d1f)"

{\{{#!wiki style="margin: -12px -2px"

||<tablewidth=100%><tablebgcolor=transparent><tablebordercolor=transparent> }}}

* or{{{#!wiki style="@style1@"

{\{{#!wiki style="width: min(100%, 420px); overflow: hidden; float: right; border: 2px solid transparent; background: border-box linear-gradient(to right in oklch, '''gradient''')"

{\{{#!wiki style="background: #fff" dark-style="background: var(--article-background-color, #1c1d1f)"

{\{{#!wiki style="margin: -12px -2px"

||<tablewidth=100%><tablebgcolor=transparent><tablebordercolor=transparent> }}}}}}}}}}}}