Study Notes _ CSS properties border pictures

    1, frame picture:
        1.1 Meaning:
            tell the browser to specify an image as a border
        1.2 format: border-Image-source : url ( "ImagesRF Royalty Free / ..");         1.3 Note points:             (1) If only a specified by source pictures as a picture frame, the default four vertices of the case will be pictures on the border             (2) a higher priority than the picture frame border color, the border will set the picture would not show the border color  2, the picture cutting:         2.1 format: border-Image-Slice : 70 70 70 70 ;         2.2 meaning:             parameter without units, meant to frame the picture from the top position 70 of the transverse cutting, cutting to the right from the position of the vertical frame 70, below, left and so on ..    3, border width properties:         3.1 format: border-image-width : 10px ;         3.2 meaning:             this property does not affect the actual width of the border, the border changing only the width of the display image;  4, filling mode:
              



  

              


 

              


  
        4.1 Format: border-Image-REPEAT : Stretch ;         4.2 Meaning:             Image embodiment except four corners of the other parts of the filling         4.3 Value: Stretch : Tensile REPEAT : forget Tile sides round : Tensile binding tiled
              



            
            
            


    This section word:
        border: border, border
        source: Source
        slice: cut, cut
        stretch: stretch
        round: a ring, around, around

Guess you like

Origin www.cnblogs.com/AsVR-Sharemju/p/12032179.html