Languages
Wiki
All Wiki Articles Create Wiki Article
programming
style
styles
css
uppercase
upper-case
1 more ...
[Edit]
EN

CSS - make first letter of string uppercase

2 contributors
7 contributions
0 discussions
9 points
Created by:
Root-ssh
177620

Using CSS it is possible to capitalize letters in the following way.

Practical example

// ONLINE-RUNNER:browser;

<!doctype html>
<html lang="en">
<head>
  <style>

    p.capitalize::first-letter {
        text-transform: capitalize;
    }

  </style>
</head>
<body>
  <p class="capitalize">this text has been written with small letters only...</p>
</body>
</html>

 

Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Direct link
Join to our subscribers to be up to date with content, news and offers.

CSS

CSS - :target peseudo-class example
CSS - align element to left and right with flex
CSS - animation with transition property example
CSS - autogrow textarea with CSS3
CSS - border property example
CSS - bottom sticky position for div element
CSS - center button content
CSS - center element horizontally and vertically
CSS - clip: rect() style property example
CSS - conditional fixed margin between items with flex-box
CSS - create table with pure styles
CSS - crop / clip and resize image
CSS - cut with dots (...) overflowing text outside element
CSS - disable line wrapping in HTML
CSS - disable text selection
CSS - disable textarea resize button/property
CSS - display two divs next to each other
CSS - div box with arrow in pure CSS
CSS - fill / cover with image all div keeping image ratio
CSS - make first letter of string uppercase
CSS - media queries in a mobile-first approach
CSS - remove UL list left margin
CSS - round corners in a div
CSS - scrolling for flexbox with overflowing content
CSS - set scrollbar colors
CSS - sticky list details on the right side
CSS - sticky position for header and footer element
CSS - text-overflow: ellipsis with nested display: flex elements
CSS - top sticky position for div element
CSS - underline text
CSS - white-space: pre with <option> (spaces in option)
CSS -disable word wrapping in HTML
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join