Breaking News: Grepper is joining You.com. Read the official announcement!

console log style

Add Answer

Indian Gooner answered on November 4, 2020 Popularity 10/10 Helpfulness 8/10

answer console log style

related Console.log CSS styling

related style console log in js

console log style

Comment

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

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: www.telerik.com

Tags: console javascript

Link to this answer
Share Copy Link

Contributed on Nov 04 2020

Indian Gooner

0 Answers Avg Quality 2/10

Closely Related Answers

Console.log CSS styling

Comment

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

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: console.log cons

Link to this answer
Share Copy Link

Contributed on Apr 11 2022

Meandering Meerkat

0 Answers Avg Quality 2/10

style console log in js

Comment

Use the following format specifiers to format your console logs

console.log(
  	"%cThis is a formatted string",
  	"color:yellowgreen; font-size:2rem;");

// Specifier  Output
// %s	      Formats the value as a string.
// %i or %d   Formats the value as an integer.
// %f	      Formats the value as a floating point value.
// %o	      Formats the value as an expandable DOM element. As seen in the Elements panel.
// %O	      Formats the value as an expandable JavaScript object.
// %c	      Applies CSS style rules to the output string as specified by the second parameter.

https://www.howtogeek.com/devops/ways-to-format-console-output-in-javascript#format-specifiers

Popularity 8/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: console

Link to this answer
Share Copy Link

Contributed on Feb 19 2023

astr0n0mer

0 Answers Avg Quality 2/10

console log style

Contents

More Related Answers

console log style

Closely Related Answers

Console.log CSS styling

style console log in js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.