Veja só as propriedades unidas e como o texto para definição e/ou alteração da borda de um site fica: border: border-width border-style border-color (ou seja: tamanho da borda estilo da borda cor utilizada na borda)Alterar a borda de uma imagem
Selecione a imagem cuja borda você deseja alterar.
Na guia layout da página , no grupo plano de fundo da página , selecione bordas de página.
Clique na guia Bordas e altere as opções desejadas.
border-image-source. Define o endereço da imagem. border-image-slice. …
(1) – Aplica-se a todos os elementos com exceção dos elementos internos das tabelas quando border-collapse é collapse.
(2) Refere-se às dimensões do box (largura e altura) no qual a borda será aplicada.
(3) Ver propriedades individuais.
Tutorial de Imagens em CSS A tag <img> e o atributo src para inserir uma imagem. Atributos height e width, para definir altura e largura de uma imagem. Atributo align para alinhas imagens e textos. Atributos alt e title, para fornecer informações sobre a imagem (muito útil em SEO)
Como estilizar as bordas no CSS
Ao utilizar a propriedade border-image , é necessário aplicar também a propriedade border antes, junto dos três valores que a acompanham: width , border-style e color . Estas duas últimas propriedades ( border-style e color ) serão sobrepostas pela imagem, e apenas o width será aplicado.O arredondamento das bordas é feito com declaração de dois valores CSS de medida; o primeiro define o eixo horizontal (rx) de 1/4 de uma elipse e o segundo o eixo vertical (ry). O quarto de elipse assim definida é convenientemente inserida no canto vivo do box arredondando-o.Clique com o botão direito do mouse na caixa de texto, AutoShape, imagem ou objeto ao que você deseja adicionar a borda. Selecione o objeto Format <item de menu>e clique na guia Cores e Linhas. Clique em Bordas Artísticas. Na caixa de diálogo Bordas Artísticas, clique em Criar Personalizada.
A tarefa pode ser realizada usando o seletor [attribute] para selecionar todos os elementos que são editáveis por conteúdo e remover a borda com a propriedade outline .
Para que serve o Border bottom CSS
O atributo border-bottom é um shortcut para definir diversas propriedades da borda de baixo (bottom) ao mesmo tempo; ele define a espessura, cor e tipo da borda de uma só vez.O box-sizing com o valor border-box faz com que o navegador não calcule a dimensão de um elemento somando bordas e margens com altura e largura. Com content-box , ao definir width: 100px , o interior (conteúdo) do elemento terá 100px, mas por termos padding-left: 50px , o tamanho total do elemento será 150px.Para inserir uma imagem no HTML basta utilizar a tag <img> com o atributo src. Ou seja: o atributo src, ou source, vai conter a url da imagem que será inserida.
A tag utilizada para se inserir imagens é a tag <img />, que pode ser aberta e fechada no mesmo bloco da tag. Também precisamos informar o endereço da imagem ao navegador então para isso utilizaremos o comando src. É importante observarmos que o link da imagem deve sempre terminar com o nome da imagem, ponto (.)
A propriedade CSS3 border-radius destina-se a definir bordas arredondadas. O arredondamento das bordas é feito com declaração de dois valores CSS de medida; o primeiro define o eixo horizontal (rx) de 1/4 de uma elipse e o segundo o eixo vertical (ry).
A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente ( padding-top , padding-right , padding-bottom , padding-left ).
O que faz o Border box
O box-sizing com o valor border-box faz com que o navegador não calcule a dimensão de um elemento somando bordas e margens com altura e largura. Com content-box , ao definir width: 100px , o interior (conteúdo) do elemento terá 100px, mas por termos padding-left: 50px , o tamanho total do elemento será 150px.O CSS border é uma propriedade que define uma borda em um elemento HTML. A borda aplicada no elemento pode ter as suas características alteradas como o seu tamanho, a sua cor e o seu estilo.Como fazer contorno no Photoshop
Abra o Photoshop;
Menu “Open” (Abrir);
Escolha um arquivo PNG (fundo transparente);
Certifiques-se de que a imagem possui uma área livre mínima ao redor;
Menu “Edit” (Editar) > “Stroke” (Contorno), escolha a espessura do contorno e a cor e clique em “OK”;
Como alterar a borda de uma imagem CSS? Verifique isto – Como alterar a borda no CSS
Veja só as propriedades unidas e como o texto para definição e/ou alteração da borda de um site fica: border: border-width border-style border-color (ou seja: tamanho da borda estilo da borda cor utilizada na borda)Alterar a borda de uma imagem
border-image-source. Define o endereço da imagem. border-image-slice.
…
Tutorial de Imagens em CSS
A tag <img> e o atributo src para inserir uma imagem. Atributos height e width, para definir altura e largura de uma imagem. Atributo align para alinhas imagens e textos. Atributos alt e title, para fornecer informações sobre a imagem (muito útil em SEO)
Como estilizar as bordas no CSS
Ao utilizar a propriedade border-image , é necessário aplicar também a propriedade border antes, junto dos três valores que a acompanham: width , border-style e color . Estas duas últimas propriedades ( border-style e color ) serão sobrepostas pela imagem, e apenas o width será aplicado.O arredondamento das bordas é feito com declaração de dois valores CSS de medida; o primeiro define o eixo horizontal (rx) de 1/4 de uma elipse e o segundo o eixo vertical (ry). O quarto de elipse assim definida é convenientemente inserida no canto vivo do box arredondando-o.Clique com o botão direito do mouse na caixa de texto, AutoShape, imagem ou objeto ao que você deseja adicionar a borda. Selecione o objeto Format <item de menu>e clique na guia Cores e Linhas. Clique em Bordas Artísticas. Na caixa de diálogo Bordas Artísticas, clique em Criar Personalizada.
A tarefa pode ser realizada usando o seletor [attribute] para selecionar todos os elementos que são editáveis por conteúdo e remover a borda com a propriedade outline .
Para que serve o Border bottom CSS
O atributo border-bottom é um shortcut para definir diversas propriedades da borda de baixo (bottom) ao mesmo tempo; ele define a espessura, cor e tipo da borda de uma só vez.O box-sizing com o valor border-box faz com que o navegador não calcule a dimensão de um elemento somando bordas e margens com altura e largura. Com content-box , ao definir width: 100px , o interior (conteúdo) do elemento terá 100px, mas por termos padding-left: 50px , o tamanho total do elemento será 150px.Para inserir uma imagem no HTML basta utilizar a tag <img> com o atributo src. Ou seja: o atributo src, ou source, vai conter a url da imagem que será inserida.
A tag utilizada para se inserir imagens é a tag <img />, que pode ser aberta e fechada no mesmo bloco da tag. Também precisamos informar o endereço da imagem ao navegador então para isso utilizaremos o comando src. É importante observarmos que o link da imagem deve sempre terminar com o nome da imagem, ponto (.)
A propriedade CSS3 border-radius destina-se a definir bordas arredondadas. O arredondamento das bordas é feito com declaração de dois valores CSS de medida; o primeiro define o eixo horizontal (rx) de 1/4 de uma elipse e o segundo o eixo vertical (ry).
A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente ( padding-top , padding-right , padding-bottom , padding-left ).
O que faz o Border box
O box-sizing com o valor border-box faz com que o navegador não calcule a dimensão de um elemento somando bordas e margens com altura e largura. Com content-box , ao definir width: 100px , o interior (conteúdo) do elemento terá 100px, mas por termos padding-left: 50px , o tamanho total do elemento será 150px.O CSS border é uma propriedade que define uma borda em um elemento HTML. A borda aplicada no elemento pode ter as suas características alteradas como o seu tamanho, a sua cor e o seu estilo.Como fazer contorno no Photoshop