underlinetext-decoration-line: underline; overlinetext-decoration-line: overline; line-throughtext-decoration-line: line-through; no-underlinetext-decoration-line: none; Basic usage Setting the text decoration Control how text is decorated with theunderline,no-underline, andline-throughutilities....
decoration-solid text-decoration-style: solid; decoration-double text-decoration-style: double; decoration-dotted text-decoration-style: dotted; decoration-dashed text-decoration-style: dashed; decoration-wavy text-decoration-style: wavy;Functionality Of Tailwind CSS Text Decoration Style Classesdecoration...
Tailwind CSS provides a variety of utility classes specifically designed for text decoration. These utilities are intuitive and can be applied directly within HTML, enabling rapid and responsive design changes. The basic text decoration features in Tailwind encompass several common needs in web design, ...
decoration-auto text-decoration-thickness: auto; decoration-from-font text-decoration-thickness: from-font; decoration-0 text-decoration-thickness: 0px; decoration-1 text-decoration-thickness: 1px; decoration-2 text-decoration-thickness: 2px; decoration-4 text-decoration-thickness: 4px; decoration-8 ...
Tailwind提供的.text-opacity-{amount}用于设置字体颜色的透明度,透明度分为5个等级。 文本装饰(text decoration) CSS的text-decoration属性用于对文本内容进行装饰或修饰,比如常见的上划线、下划线、删除线等。 text-decoration:none | underline | overline | line-through | blink | inherit; ...
.text-opacity-amount Text Decoration 用于设置字体装饰 Utilities for controlling the decoration of text. .underline 下划线 .line-through 划线 .no-underline 没有划线 Text Transform 用于对字体进行简单变更 Utilities for controlling the transformation of text. ...
decoration-currenttext-decoration-color:currentColor; decoration-transparenttext-decoration-color:transparent; decoration-blacktext-decoration-color:#000; decoration-whitetext-decoration-color:#fff; decoration-slate-50text-decoration-color:#f8fafc; decoration-slate-100text-decoration-color:#f1f5f9; ...
text-decoration: none; transition: background-color 300ms, color 300ms; } .btn:hover { background-color: #34D399; color: #FFF; } 使用Tailwind CSS,无需编写一行 CSS 即可重新创建此按钮,而是使用一堆低级实用程序类: Example 可以看到,这里使用了很多类来为之前相同的按钮样式设置样式,但每个类只...
islandZzz -- 文本颜色 islandZzz -- 边框颜色 islandZzz -- 背景颜色 islandZzz -- 背景颜色(75% 透明度) islandZzz -- 背景颜色(50% 透明度) 向右渐变(purple-500 👉 pink-500) 向左渐变(sky-500 👈 transparent)
Text Decoration Text Color Text Decoration Color Text Decoration Style Text Decoration Thickness Text Underline Offset Text Transform Text Overflow Text Indent Vertical Align Whitespace Word Break Content Transforms Scale Rotate Translate Skew Transform Origin ...