Konvertierung aller Großbuchstaben Kappen init

Question

ich mich gefragt, ob es eine Möglichkeit, nur mit CSS war, (und dies kann browserspezifische CSS sein) alle großen Text auf Wörter zu umwandeln, die nur anfänglich beispielsweise aktiviert:

I Yell With My Keyboard

EDIT: I YELL WITH MY KEYBOARD

würde umgewandelt wird mir klar, ich in meiner Frage nicht klar genug war, wurde der Text eingegeben aktiviert, nicht von Anfang an Klein, tex t-transform: capitalize funktioniert nicht bei Daten, die so eingegeben wurden, wie es scheint.

Answer 1

Es gibt ein paar Dinge, die Sie mit CSS für Textumwandlungen tun können, hier sind alle.

.Capitalize 
{ text-transform: capitalize } 

.Uppercase 
{ text-transform: uppercase } 

.Lowercase 
{ text-transform: lowercase } 

.Nothing 
{ text-transform: none } 

Leider gibt es keine Camel Case Text-Transformation.

Sie könnten immer Javascript verwenden, um den Text entsprechend zu transformieren oder wenn Sie eine Skriptsprache wie PHP oder ASP verwenden, dann ändern Sie es dort.

Hier ist ein Beispiel aus der strtoupper PHP doc Seite genommen:

function strtocamel($str, $capitalizeFirst = true, $allowed = 'A-Za-z0-9') { 
    return preg_replace(
     array(
      '/([A-Z][a-z])/e', // all occurances of caps followed by lowers 
      '/([a-zA-Z])([a-zA-Z]*)/e', // all occurances of words w/ first char captured separately 
      '/[^'.$allowed.']+/e', // all non allowed chars (non alpha numerics, by default) 
      '/^([a-zA-Z])/e' // first alpha char 
     ), 
     array(
      '" ".$1', // add spaces 
      'strtoupper("$1").strtolower("$2")', // capitalize first, lower the rest 
      '', // delete undesired chars 
      'strto'.($capitalizeFirst ? 'upper' : 'lower').'("$1")' // force first char to upper or lower 
     ), 
     $str 
    ); 
}