Text Decoration |
您所在的位置：网站首页 › css下划线设置虚线 › Text Decoration |
|
排版 Text DecorationUtilities for controlling the decoration of text. Quick referenceClassPropertiesunderlinetext-decoration-line: underline; overlinetext-decoration-line: overline; line-throughtext-decoration-line: line-through; no-underlinetext-decoration-line: none; Basic usage Setting the text decorationControl how text is decorated with the underline, no-underline, and line-through utilities. underlineThe quick brown fox jumps over the lazy dog. overlineThe quick brown fox jumps over the lazy dog. line-throughThe quick brown fox jumps over the lazy dog. no-underlineThe quick brown fox jumps over the lazy dog. The quick brown fox ... The quick brown fox ... The quick brown fox ... The quick brown fox ... Applying conditionally Hover, focus, and other statesTailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:underline to only apply the underline utility on hover. Try hovering over the text to see the expected behaviour Link with no underline LinkFor a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation. Breakpoints and media queriesYou can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use md:underline to apply the underline utility at only medium screen sizes and above. To learn more, check out the documentation on Responsive Design, Dark Mode and other media query modifiers. Text ColorText Decoration ColorCopyright © 2024 Tailwind Labs Inc. Trademark Policy Edit this page on GitHubOn this pageQuick referenceBasic usageSetting the text decorationApplying conditionallyHover, focus, and other statesBreakpoints and media queriesFrom the creators of Tailwind CSS Make your ideas look awesome, without relying on a designer. “This is the survival kit I wish I had when I started building apps.”Derrick Reimer, SavvyCal |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |