Haga que el primer carácter en mayúscula en css

Question

hay una manera de hacer que el primer carácter en mayúscula en la etiqueta a en css. la estructura html es

<a class="m_title" href="">gorr</a> 
<a class="m_title" href="">trro</a> 
<a class="m_title" href="">krro</a> 
<a class="m_title" href="">yrro</a> 
<a class="m_title" href="">gwwr</a> 

Answer 1

Hay una propiedad por ese:

a.m_title { 
    text-transform: capitalize; 
} 

Si sus enlaces pueden contener varias palabras y se solo quiero el abeto Cuando la primera letra de la primera palabra sea mayúscula, utilice :first-letter con una transformación diferente (aunque en realidad no importa). Tenga en cuenta que para que :first-letter para trabajar sus a elementos deben mostrar como bloques:

a.m_title { 
    display: block; 
} 

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

Answer 2

CSS :first-letter Selector

o:

text-transform: capitalize; 

Answer 3

Es mejor utilizar

#selector { 
    text-transform:initial; 
} 

o

#selector::first-letter { 
    text-transform:uppercase; 
} 

por cierto, este es el Documentación w3c http://www.w3schools.com/cssref/pr_text_text-transform.asp

Answer 4

Tenga en cuenta que ::first-letter selector no funciona con elementos en línea, por lo que debe ser block o inline-block, de la siguiente manera:

.m_title {display:inline-block} 
.m_title:first-letter {text-transform: uppercase} 

Answer 5

Yo recomendaría que se utiliza el siguiente código en CSS:

text-transform:uppercase; 

Asegúrese de que ponlo en tu clase

Answer 6

<script type="text/javascript"> 
    $(document).ready(function() { 
    var asdf = $('.capsf').text(); 

    $('.capsf').text(asdf.toLowerCase()); 
    }); 
    </script> 
<div style="text-transform: capitalize;" class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div>