JAVASCRIPT

css in console.log

console.log("%cStop!", "font: 50px sans-serif; font-weight:bold; color:red; -webkit-text-stroke:1px black;");

css customize 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);

Console.log CSS styling

//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');

console log style

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