Centering and Border Techniques AH279-AH280

The code that demonstrates these ideas is shown here.

Centering

This paragraph is part of the centered main body.

This paragraph is indented to the right.


Andy's book - AH281 - From companion programs

The above did not work! - even when I changed mox to ms in the style section.

I suspect that it is black because image could not be found.

WebKit is a browser engine used in Apple's Safari browser and other products. wikipedia WebKit

CSS border-image Property gives examples.

This is the big test whether border image has worked.


The following was copied from W3 source (Link given above).

The border-image-repeat Property

The border-image-repeat property specifies whether the border image should be repeated, rounded or stretched:

border-image-repeat: repeat:

Here, the image tiles to fill the area. Tiles are divided if necessary.

border-image-repeat: round:

Here, the image tiles to fill the area. The image is rescaled if necessary, to avoid dividing tiles.

border-image-repeat: stretch (default):

Here, the image is stretched to fill the area.

Here is the original image:

Original Px

Note: Internet Explorer 10, and earlier versions, do not support the border-image-repeat property.