Make the first character Uppercase in CSS

by

There’s a property for that:

a.m_title {
    text-transform: capitalize;
}

If your links can contain multiple words and you only want the first letter of the first word to be uppercase, use :first-letter with a different transform instead (although it doesn’t really matter). Note that in order for :first-letter to work your a elements need to be block containers (which can be display: block, display: inline-block, or any of a variety of other combinations of one or more properties):

a.m_title {
    display: block;
}

a.m_title:first-letter {
    text-transform: uppercase;
}

More Related Contents:

  1. Why box-sizing is not working with width/height attribute on canvas element?
  2. How to add a margin to a table row [duplicate]
  3. Extracting only the css used in a specific page
  4. Center fixed div with dynamic width (CSS)
  5. CSS: transform: translate(-50%, -50%) makes texts blurry [duplicate]
  6. Clip/Crop background-image with CSS
  7. How to use images in css with Webpack
  8. CSS: Left, Center, & Right Align Text on Same Line
  9. CSS negative z-index: what does it mean?
  10. TCPDF not render all CSS properties
  11. Row Wrap in flex-box not wrapping in Safari
  12. Google Font not working on Safari
  13. Is a button allowed to have display:grid? [duplicate]
  14. flexbox vs tables, why do we need flexbox?
  15. How to fix Internet explorer 7 bug when using percentage widths for layout?
  16. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  17. Media queries and background images
  18. Implement a CSS-only slideshow / carousel with next and previous buttons?
  19. selector for nth nested elements
  20. Bootstrap Navbar list items/links not showing
  21. Sass and rounding down numbers. Can this be configured?
  22. Why doesn’t my child element inherit color from its parent when parent has more specific selector?
  23. SASS calculate HSL Difference between 2 colours
  24. minmax fails (invalid property value)
  25. Div with cut out edges, border and transparent background
  26. Capitalize first letter of sentences CSS
  27. Select specific element before other element
  28. Double curved shape
  29. Using CSS to make table’s outer border color different from cells’ border color
  30. How to style menu button and menu items

Leave a Comment