Filoweb.it

Border-image


FB TW whatsapp RSS FEED News letter
CSS
Border-image


<!DOCTYPE html>

<html>

<head>

<title>Bordi - Border-image - </title>

<style type=" text/css" >

#border {

width: 200px;

padding: 10px;

border: 27px solid black;

-webkit-border-image: url(border.png) 27 27 27 27 round round;

-moz-border-image: url(border.png) 27 27 27 27 round round;

border-image: url(border.png) 27 27 27 27 round round;

}



#border2 {

width: 200px;

padding: 10px;

border: 27px solid black;

-webkit-border-image: url(border.png) 27 27 27 27 stretch stretch;

-moz-border-image: url(border.png) 27 27 27 27 stretch stretch;

border-image: url(border.png) 27 27 27 27 stretch stretch;}

</style>

</head>

<body>

<h2>Box 1</h2>

<p id=" border" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>

<h2>Box 2</h2>

<p id=" border2" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut .</p>

</body>

</html>
FB TW whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: CSS, Titolo:Border-image. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it