Temas > Programacion > Css > Propiedades relacionadas al padding en HTML
Julio

Propiedades relacionadas al padding de una marca HTML
El padding (almohadilla) suma espacio entre el contenido de la marca HTML y
el borde (recordar propiedad border).
Podemos configurar los 4 en caso que tengan el mismo valor accediendo a la
propiedad: padding o podemos configurar en forma independiente cada lado:
        padding-top
        padding-right
        padding-bottom
        padding-left
Veamos un ejemplo, la pagina1.html:
<?//esto no va
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<pre class="codigofuente">
public class Rectangulo{
  //atributos
  int alto;
  int ancho;
  boolean relleno;
  //métodos
  public int devolverArea(){
    return alto*ancho;
  }
  public void rellenar(boolean r){
    relleno=r;
  }
  public void cambiarTamano(int an, int al){
    ancho=an;
    alto=al;
  }
  public Rectangulo() {// constructor
    alto=20;
    ancho=10;
    relleno=false;
  }
}//fin clase Rectangulo
</pre>
</body>
</html>
?>//esto no va
El archivo estilos.css es:
<?//esto no va
.codigofuente {
  font-family:Courier;
  font-size:12px;
  background-color:#ffffcc;
  border-width:1px;
  border-style:dotted;
  border-color:#ffaa00;
  padding:20px;
}
?>//esto no va
Con la marca HTML pre, se respetan los espacios y retornos de carro que
hayamos puesto en el texto fuente. Este estilo de texto es muy adecuado
cuando queremos mostrar el código fuente de un programa.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
 123456
78910111213
14151617181920
21222324252627
282930    

Viernes 4 de Abril 2025
Semana 14

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar