CSS text-transform capitalize on all caps

by

You can almost do it with:

.link {
  text-transform: lowercase;
}
.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

It will give you the output:

Small Caps
All Caps

More Related Contents:

  1. Working with CSS in React [closed]
  2. Canvas is stretched when using CSS but normal with “width” / “height” properties
  3. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  4. Override body style for content in an iframe
  5. Hiding the scroll bar on an HTML page
  6. CSS3 background image transition
  7. Understanding z-index stacking order
  8. Why does the order of media queries matter in CSS?
  9. Truncating long strings with CSS: feasible yet?
  10. CSS to set A4 paper size
  11. How can I align one item right with flexbox?
  12. CSS “and” and “or”
  13. Using the last-child selector
  14. Separators for Navigation
  15. xHTML/CSS: How to make inner div get 100% width minus another div width
  16. Z-Index Relative or Absolute?
  17. What’s the difference between `all: unset` and `all: revert’
  18. rotate3d shorthand
  19. How to link a CSS file from HTML file?
  20. Build list of selectors with LESS
  21. Set div height equal to screen size
  22. Styling the new twitter widget (embedded timeline)
  23. What CSS3 features still need vendor prefixes?
  24. How to fix unexpected column order in bootstrap 4?
  25. Extracting only the css used in a specific page
  26. Google Font not working on Safari
  27. Is a button allowed to have display:grid? [duplicate]
  28. How to fix Internet explorer 7 bug when using percentage widths for layout?
  29. Capitalize first letter of sentences CSS
  30. Double curved shape

Leave a Comment