CODEWITHSUNDEEP
htmlmarquee
MorganInnit
MorganInnit

Reputation: 41

How do I change the size of a marquee text?

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>

Upvotes: 1

Views: 16130

Answers (6)

Du-Lacoste
Du-Lacoste

Reputation: 12777

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>

Upvotes: 0

user14913615
user14913615

Reputation:

there are many ways, 2 ways are these

  1. 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>

  1. 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>

Upvotes: 0

Lloyd
Lloyd

Reputation: 1

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]

Upvotes: 0

Tanju Karakaya
Tanju Karakaya

Reputation: 1

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

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

Upvotes: 0

hamza hanif
hamza hanif

Reputation: 1

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

Upvotes: 0

mplungjan
mplungjan

Reputation: 178265

Just add CSS

marquee {
  font-size: xx-large;
}
<marquee behavior="scroll" direction="left" scrollamount="30">Sidebar Test</marquee>

Upvotes: 0

Related Questions