Filoweb.it

Border-image


FB TW G+ 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 G+ 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 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 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