Poner el primer carácter en mayúscula en css

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>
 201
css
Author: Paulie_D, 2011-04-07
Source

6 answers

Hay una propiedad para eso:

a.m_title {
    text-transform: capitalize;
}

Si sus enlaces pueden contener varias palabras y solo desea que la primera letra de la primera palabra sea mayúscula, use :first-letter con una transformación diferente (aunque realmente no importa). Tenga en cuenta que para que :first-letter funcione sus elementos a deben mostrarse como bloques:

a.m_title {
    display: block;
}

a.m_title:first-letter {
    text-transform: uppercase;
}
 518
Author: BoltClock,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-06-05 13:04:52

Tenga en cuenta que el selector ::first-letter 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}
 42
Author: Logus,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-03-31 19:33:56

CSS: Selector de primera letra

O: 

text-transform: capitalize;
 31
Author: Amr Elgarhy,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-07-04 12:18:50

Sugiero usar

#selector {
    text-transform: capitalize;
}

O

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

Por cierto, mira este enlace de w3schools: http://www.w3schools.com/cssref/pr_text_text-transform.asp

 7
Author: Maurizio Battaghini,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-03-26 06:18:00 
<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>
 1
Author: Gnana Sekar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-08-19 13:58:04

Te recomiendo que uses el siguiente código en CSS: 

    text-transform:uppercase;

Asegúrate de ponerlo en tu clase.

 0
Author: Kevin Davis,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-12-01 16:36:08