This should do it when you have the single words in different div’s
#test3 { text-transform: lowercase; }
#test3::first-letter { text-transform: uppercase; }
<div id="test3">haLLo</div>
More Related Contents:
- How to do this mouse over effect in jquery?
- how to make css work with php? [closed]
- How do I make the first letter of a string uppercase in JavaScript?
- Change a HTML5 input’s placeholder color with CSS
- Border Gradient with Border Radius
- How to modify the fill color of an SVG image when being served as background image?
- How to display scroll bar onto a html table
- Wait for fonts to load before rendering web page
- How can I center elements horizontally or vertically with Twitter Bootstrap?
- Webkit-based blurry/distorted text post-animation via translate3d
- How to store inherit value inside a CSS variable (aka custom property)?
- How to add anything in through jquery/javascript?
- Create webfont with Unicode Supplementary Multilingual Plane symbols
- Remove default text/placeholder present in html5 input element of type=date
- issue with CSS media queries(scrollbar)
- programmatically changing webkit-transformation values in animation rules
- Select nth-child across multiple parents
- How to create a curved speech bubble?
- CSS two div width 50% in one line with line break in file [duplicate]
- Can I have a varying number of columns per row in a CSS grid?
- How to override global CSS in a CSS module file?
- How do I assign multiple classes to one HTML element? [closed]
- How to use nth-child for styling with a table with rowspan?
- Make A List Item Clickable (HTML/CSS)
- CSS/HTML: What is the correct way to make text italic?
- svg background image position is always centered in internet explorer, despite background-position: left center;
- Make Div Draggable using CSS
- How to calculate rotation angle from rectangle points?
- JQuery search in static HTML page with highlighting of found word
- Bootstrap Carousel showing next and previous image