 |
|
|
|
Você está aqui: CSS ::: Dicas & Truques ::: Margens e Espaçamentos |
Como definir o espaço interno dos elementos HTML usando a propriedade padding do CSSQuantidade de visualizações: 615 vezes |
|
Em várias situações nós precisamos manipular, ou seja, controlar o espaço interno de elementos HTML, tais como DIVs. Isso pode ser feito por meio da propriedade padding do CSS. Lembre-se de que o espaço interno é aquele espaço entre a borda do elemento e o seu conteúdo. Veja uma página HTML e CSS na qual temos um elemento DIV contendo uma frase. Note o uso da propriedade padding para definir o espaço interno da DIV: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<!doctype html>
<html>
<head>
<title>Estudos CSS</title>
<style>
.m_div{
margin: 30px;
border: 1px solid black;
/* controla o espaço interno da DIV */
padding: 20px;
}
</style>
</head>
<body>
<div class="m_div">Gosto muito de HTML5</di>
</body>
</html>
Experimente alterar o valor a propriedade padding para ver os resultados que serão obtidos. A propriedade padding aceita de um até quatro valores, correspondente às propriedades individuais padding-top, padding-right, padding-bottom e padding-left. O valor para o espaçamento pode ser fornecido em px, porcentagens, pt, cm e inherit (o elemento herda o espaçamento interno do elemento pai). |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de CSS |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
