覆蓋 CSS 文字轉換:所有大寫文字大寫
問題:
利用 CSS的文字轉換:大寫;當這些單字的首字母本質上需要大寫時,例如專有名詞或首字母縮略詞,將全大寫文字轉換為句子大小寫的規則會出現問題。
如以下程式碼片段所示,「Small」的所需輸出大寫字母和全部大寫字母」不是實作:
HTML:
<a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a>
CSS:
.link {text-transform: capitalize;}
結果:
Small Caps & ALL CAPS
解決方案:
至在保持文字轉換的同時實現所需的大寫行為:大寫;規則,可以實現以下CSS:
.link { text-transform: lowercase; } .link:first-letter, .link:first-line { text-transform: uppercase; }
此修改首先將所有文字轉換為小寫,然後將每個單字的第一個字母和文字的第一行重新大寫。 :
以上是如何使用「文字轉換:大寫」而不影響全部大寫單字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

這是我們在形式可訪問性上進行的小型系列中的第三篇文章。如果您錯過了第二篇文章,請查看“以:focus-visible的管理用戶焦點”。在

本教程演示了使用智能表單框架創建外觀專業的JavaScript表單(注意:不再可用)。 儘管框架本身不可用,但原理和技術仍然與其他形式的建築商相關。

CSS盒子陰影和輪廓屬性獲得了主題。讓我們查看一些在真實主題中起作用的示例,以及我們必須將這些樣式應用於WordPress塊和元素的選項。

Svelte Transition API提供了一種使組件輸入或離開文檔(包括自定義Svelte Transitions)時動畫組件的方法。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

WebStorm Mac版
好用的JavaScript開發工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。