Temas > Programacion > Css > Propiedades relacionadas al padding con CSS
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:
<?php //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:
<?php //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
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

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