在CSS是什麼font-variant:small-caps;
和text-transform:capitalize;
font-variant:small-caps; vs text-transform:capitalize;
回答
如果您使用text-transform: capitalize
單詞「堆棧溢出」將變成「堆棧溢出」,每個單詞的第一個字母只有CAPS。
但是,如果您使用font-variant: small-caps
,「堆棧溢出」一詞將變爲「堆棧溢出」,但在應用CSS樣式之前,類型面的高度將與小寫字母的高度相匹配。所以所有的CAPS,但更小。 (SᴛᴀᴄᴋOᴠᴇʀғʟᴏᴡ)
和text-transform: uppercase
讓這一切CAPS太多,但但字體保持相同的大小,所以uppercase
字體會比較大的是small-caps
我認爲font-variant:small-caps就像是一個混合的文本轉換:大寫和文本轉換:大寫 – 2010-03-13 13:11:54
不完全。大寫使所有字母大寫。大寫使得每個單詞CAPS只有首字母。小型大寫字母製作所有大寫字母,但大寫字母的高度將等於非大寫字母的高度 – pixeltocode 2010-03-13 15:46:37
關於文字大小差異的好處。謝謝。 – bashirs 2012-04-12 15:34:43
之間的差大寫是由正常大寫字符文本:(來自here截取)
大寫
小型股是像這樣:
Wikipedia article on Small caps
text-transform
在某些瀏覽器中出現錯誤:請參閱here。
例如:如果字體變形屬性設置爲小型股
在Internet Explorer的Windows版本直至幷包括7,值小寫和大寫的行爲像沒有。
那麼什麼是文本轉換:大寫; – 2010-03-13 11:25:58
http://www.w3schools.com/Css/pr_text_text-transform.asp將每個單詞的第一個字符轉換爲大寫 – 2010-03-13 11:26:44
我也在看同樣的內容。請參閱W3cschools 1.大寫字母是\t將每個單詞的第一個字符轉換爲大寫字母並且2.小寫字母是瀏覽器顯示小寫字體。不是兩個都是一樣的東西 – 2010-03-13 11:29:33
在常規的印刷術出現在小盤股和大寫的巨大差異正如本論壇的貢獻者之一所述。小型大寫字母是x大小(幾乎)等於小寫字母的大寫字母。
要用CSS模仿這個,你可以使用font-variant: small-caps;
。
當您使用此自定義字體(使用@font-face
開始)時,它有時會出錯。
嘗試添加text-transform: lowercase;
添加前font-variant
:
.smallcaps {
text-transform: lowercase;
font-variant: small-caps;
}
- 1. vs vs 2008 vs vs 2010
- 2. Exec的VS ExecWait VS ExecShell VS nsExec :: Exec的VS nsExec :: ExecToLog VS nsExec :: ExecToStack VS ExecDos VS ExeCmd
- 3. CGL vs AGL vs OpenGL vs NSOpenGL vs CoreAnimation(CALayer)
- 4. VS VS VS VS 11中的MVC測試
- 5. MobileNet VS SqueezeNet VS ResNet50 VS啓V3 VS VGG16
- 6. NTOSKRNL.EXE VS NTKRNLMP.EXE VS NTKRNLPA.EXE VS NTKRPAMP.EXE
- 7. .NET vs ASP.NET vs CLR vs ASP
- 8. JRuby:import vs include vs java_import vs include_class
- 9. codendi vs redmine vs Retrospectiva vs trac
- 10. inline vs __inline vs __inline__ vs __forceinline?
- 11. VS 2008 vs VS 2008 Express
- 12. SDI vs MDI vs TDI vs?
- 13. Atomikos vs JOTM vs Bitronix vs?
- 14. RailwayJS vs Geddy vs Express vs Socket.IO
- 15. Quartz.NET vs JAMS vs?
- 16. MPAPI vs MPI.NET vs?
- 17. NetSqlAzMan vs AzMan vs(?????)
- 18. bigtable vs cassandra vs simpledb vs dynamo vs couchdb vs hypertable vs riak vs hbase,他們有什麼共同點?
- 19. AsyncTask vs Activity.runOnUiThread()vs Handler.post()
- 20. ivalueconverter vs system.converter vs delegate
- 21. managedQuery()vs context.getContentResolver.query()vs android.provider.something.query()
- 22. Sys.require vs Sys.loadscripts vs Sys.loader
- 23. setOnclickListener VS OnClickListener VS View.OnClickListener
- 24. RhinoMock:Mocks VS StrictMocks VS DynamicMocks
- 25. CURL vs fopen vs fsocketopen?
- 26. unittest vs pytest vs nose
- 27. JPA vs ORM vs Hibernate?
- 28. Unity vs Udk vs CryEngine
- 29. Zabbix vs grafana vs kibana
- 30. ErrorAttribute vs OnException vs Application_Error
如果你在Firefox安裝Firebug的,你可以操縱任何網站CSS和與各種性質玩玩看它們是如何工作的。 – jwhat 2010-03-13 14:44:19
簡單:http://jsfiddle.net/MSPUq – vegemite4me 2013-10-23 15:41:06