How do I change the size of a marquee text?

Question

How do I change the size of a marquee text?
Please help. The marquee code I'm using right now, is this:

<marquee behavior="scroll" direction="left" scrollamount="30">Sidebar Test</marquee>

Please note the `marquee` tag has been [deprecated](https://www.w3docs.com/learn-html/html-marquee-tag.html) for quite some time (though will still work in some browsers). Using [CSS](https://stackoverflow.com/questions/31951282/why-is-marquee-deprecated-and-what-is-the-best-alternative) is the best alternative. — costaparas, Dec 27 '20 at 01:58

score 1 · Accepted Answer · answered Dec 23 '20 at 09:56

1

Just add CSS

marquee {
  font-size: xx-large;
}

<marquee behavior="scroll" direction="left" scrollamount="30">Sidebar Test</marquee>

answered Dec 23 '20 at 09:56

mplungjan

169,008
28
173
236

score 0 · Answer 2 · answered Dec 23 '20 at 10:00

0

marquee{
font-size:50px;
}

<marquee behavior="scroll" direction="left" scrollamount="30">Sidebar Test</marquee>

answered Dec 23 '20 at 10:00

hamza hanif

1

It's always better to write some kind of explanation. – MajiD Dec 23 '20 at 10:05
Also it is identical to my answer 5 minutes earlier – mplungjan Dec 23 '20 at 10:09

score 0 · Answer 3 · answered Dec 23 '20 at 10:01

0

Classic Html, style="font-size:50pt;"

   <marquee style="font-size:50pt;" behavior="scroll" direction="left" scrollamount="30">Sidebar Test</marquee>

answered Dec 23 '20 at 10:01

Tanju Karakaya

1
2

score 0 · Answer 4 · answered Jun 21 '21 at 04:45

Formatting for a marquee is here: https://way2tutorial.com/html/html_marquee_tag.php

Addressing your specific question about font size, try this:

Consider how marquees work on different browsers - for example, I've noticed that Chrome renders a marquee better than safari - Safari tends to be a bit jittery (horizontally) [I'm using MacOS Big Sur 11.04]

score 0 · Answer 5 · answered Jun 21 '21 at 04:52

there are many ways, 2 ways are these

add marquee{properties} in style.css e.g.-

    marquee{
        font-size:3em;
        width:10em;
        height:2em;
        color:white;
        background-color:black;
    }

<marquee attribute_name = "attribute_value"....more attributes>
    One or more lines or text message or image
 </marquee>

use inline CSS. e.g.-

<marquee style="color:green;font-size:2em;" attribute_name = "attribute_value"....more attributes>
    One or more lines or text message or image
 </marquee>

score 0 · Answer 6 · answered Jun 04 '22 at 03:28

You could use HTML : style="font-size: 20px;" // you can change the figure as you prefer for the size

The full <marquee> would be like this:

<marquee height="20" width="100%" bgcolor="white" marquee="" behavior="scroll" direction="left" scrollamount="3" style="font-size: 20px;">Hello World !</marquee>

How do I change the size of a marquee text?

6 Answers6