Border Image

William Morris Derived Inner Outer Border Image

William Morris directed, oversaw and published many beautiful books. As a member of the Pre-Raphaelite movement he led the Craft Revival in England. He was a Socialist and paid his employees above the prevailing wage. This is a CSS Inner Outer Border Image. Both are reworked fusions of elements of numerous page borders from various of Morris’ books. His books contained illustrations by several of the prominent Pre-Raphaelite artists.

William Morris

The Kelmscott Press and Morris’ final years: 1889–96

“In December 1888, the Chiswick Press published Morris’ The House of the Wolfings, a fantasy story set in Iron Age Europe which provides a reconstructed portrait of the lives of Germanic-speaking Gothic tribes. It contained both prose and aspects of poetic verse. . . . Over the coming years he would publish a string of other poetic works; The Story of the Glittering Plain (1890), The Wood Beyond the World (1894), The Well at the World’s End (1896), The Water of the Wondrous Isles (1897) and The Sundering Flood (1898). . . . Following the death of the sitting Poet Laureate of Great Britain and Ireland, Alfred, Lord Tennyson, in October 1892, Morris was offered the position, but turned it down, disliking its associations with the monarchy and political establishment; instead the position went to . . .” another.

Kelmscott Chaucer

“The Press’ magnum opus would be the Kelmscott Chaucer, which had taken years to complete and included 87 illustrations from Burne-Jones. Morris still remained firmly in an employer relation with those working at the Press, organising outings for them and paying them above average wages.”

From Wikipedia

These are the images I designed and used for the outer and inner border images.

Outer Border Image

Inner Border Image

This is the CSS style of the William Morris Outer Border Image:

.vine {
	border-width: 267px 102px 165px 267px;
	-moz-border-image:	url("/wp-content/uploads/2020/05/fibon-.jpg") 267 102 165 267 round;
	-webkit-border-image:	url("/wp-content/uploads/2020/05/fibon-.jpg") 267 102 165 267 round;
	border-image:		url("/wp-content/uploads/2020/05/fibon-.jpg") 267 102 165 267 round;
	border-style: solid;	padding: 20px 5%;	margin:	0px 0 0px 0px;
	min-width: 650px;
	background-color: #fff;
}


This is the CSS style of the William Morris Inner Border Image:

.inner-vine {
	border-width: 90px 92px 89px 89px;
	-moz-border-image:	url("/wp-content/uploads/2020/06/inner-border1.jpg") 90 92 89 89 round;
	-webkit-border-image:	url("/wp-content/uploads/2020/06/inner-border1.jpg") 90 92 89 89 round;
	border-image:		url("/wp-content/uploads/2020/06/inner-border1.jpg") 90 92 89 89 round;
	border-style: solid;	
	padding: 0px 5% 10px;	margin:	0px 0 0px 0px;
	margin: -17px -8% 10px;
	min-width: 100%;
	background-color: #fff;
}