Funcion para agregar codigo css a un elemento, también que valide si el codigo es válido y si no que alerte del error y muestre una solución.

Validar el código cuando sea introducido y mostrar una solución, algún ejemplo de código que pueda ser introducido:

"color: black; font-size: 20px; text-align: center;"

"color: blue; font-size: 20px; text-align: center;"

"color: blue; font-size: 20px; text-align: center; width: 150px;"

"color: blue; font-size: 20px; text-align: center; width: 150px; height: 100px;"

"color: blue; font-size: 20px; text-align: center; width: 150px; height: 100px; border: 5px solid black;"

bgcolor: blue; font-size: 20px; text-align: center; width: 150px; height: 100px; border: 5px solid black;"

color: blue; font-size: 20px; text-align: center; width: 150px; height: 100px; border: 5px solid black;