La propiedad HTML DOM Marquee width se utiliza para establecer o devolver el valor del atributo de ancho del elemento <marquee>.
Sintaxis:
-
Devuelve la propiedad de ancho de marquesina .
marqueeObject.width;
-
Establece la propiedad de ancho de marquesina .
marqueeObject.width="px/%"
Valores de propiedad:
- px: Define el valor de ancho de la marquesina.
- %: Define el valor del ancho de la marquesina.
Nota: esta propiedad no es compatible con HTML5.
Ejemplo 1 : El siguiente código HTML devuelve la propiedad de ancho de marquesina .
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Marquee width property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Marquee width Property</h2>
<marquee id="marqueeID" direction="right" loop="3"
bgcolor="green" width="250px" height="40px">
GeeksforGeeks:A computer Science Portal for Geeks
</marquee>
<br><br>
<button onclick="btnClick()">
Return width of marquee tag
</button>
<p id ="paraID"></p>
<script>
function btnClick() {
var txt = document.getElementById("marqueeID").width;
document.getElementById("paraID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Propiedad de ancho de marquesina HTML DOM
Ejemplo 2: el código HTML siguiente establece la propiedad de ancho de marquesina .
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Marquee width property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Marquee width Property</h2>
<marquee id="marqueeID" direction="right" loop="3"
bgcolor="green" width="250px" height="40px">
GeeksforGeeks:A computer Science Portal for Geeks
</marquee>
<br><br>
<button onclick="btnClick()">
Change width of marquee tag
</button>
<p id ="paraID"></p>
<script>
function btnClick() {
var txt = document.getElementById("marqueeID").width = "100px";
document.getElementById("paraID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Propiedad de ancho de marquesina HTML DOM
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA