Estilizar console.log com CSS

23d atrás

Ion

---

0 0

É possível estilizar os textos que são mostrados na função console.log(), é muito simples, basta usar CSS convecional. Aqui está um exemplo de console.log normal:

console.log('console.log sem estilo');

Para estilizar o console.log, você precisa fazer apenas 2 alterações, a primeira é colocar %c antes do texto, para vincular um CSS, e a segunda é passar o CSS que será vinculado. Fica assim:

console.log('%cOlá mundo! console.log com estilo', 'background-color: lightgreen; border-radius: 0.25em; color: black; font-family: monospace; font-size: 1.25em; padding: 0.25em;');