“Style de journal de console” Réponses codées

CSS Personnalisez la console.log

// Rainbow Giant Styled Text
const style = 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)';

console.log('%c Rainbowww!', style);
STIFLER

Console.log Style CSS

 console.log("%cThis is a %cConsole.log", "background:black ; color: white", "color: red; font-size:25px");
godwin_kvg

Console.log CSS Style


//example 1: (Default "STOP" you see when opening the console)
console.log(
        "%cStop!",
        "color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold"
      );
//example 2:
console.log("%c" + someVariable, 'color:blue;border:2px solid red');
//example 3:
console.log("%cWord 1 %cWord2  ", 'color:red;border:2px solid blue;background:green','color:blue;border:2px solid red');
Meandering Meerkat

Style de journal de console

console.log("%cThis is a green text", "color:green");
Indian Gooner

Réponses similaires à “Style de journal de console”

Questions similaires à “Style de journal de console”

Plus de réponses similaires à “Style de journal de console” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code