Switch capital letters to lower case letters

Question

I have a richfaces datatable component that returns a database record and this record comes with uppercase letters.

Example: PAULO FERNANDES DA SILVA.

There would be something I could do to edit this name with CSS for Paulo Fernandes Da Silva to be shown in the datatable?

Ps.: I am using HTML4.

Answer 1

One possibility is to convert the name to lower case before inserting into HTML, and then styling with text-transform: capitalize;

var nome = 'PAULO FERNANDES DA SILVA';

document.getElementById('nome').innerHTML = nome.toLowerCase();

#nome {
  text-transform: capitalize;
}

<p id="nome"></p> <!-- Paulo Fernandes Da Silva -->