フロントエンドシリーズチュートリアルのCSS(枠線と輪郭)

1627 ワード

枠線
•	border 
                  
•	border-color 
           ,       1   4    。
•	border-radius 
    ,      border-*-radius  
•	border-style 
         
•	border-width 
              
•	box-shadow 
            

枠線画像の設定
•	border-image 
    ,        border-image- *       
•	border-image-outset 
             
•	border-image-repeat 
               (repeated)、  (stretched)   (rounded)
•	border-image-slice 
           
•	border-image-source 
        ,  border-style          
•	border-image-width 
         

下ボーダーの設定
    •	border-bottom    
        ,                
    •	border-bottom-color 
               
    •	border-bottom-left-radius 
              
    •	border-bottom-right-radius 
              
    •	border-bottom-style 
              
    •	border-bottom-width 
               

左側の枠線の設定
•	border-left 
    ,                
•	border-left-color 
            
•	border-left-style 
          
•	border-left-width 
           

右ボーダーの設定
•	border-right 
    ,                
•	border-right-color 
              
•	border-right-style 
          
•	border-right-width 
            

上部枠線の設定
•	border-top 
    ,                
•	border-top-color 
           
•	border-top-left-radius 
           
•	border-top-right-radius 
           
•	border-top-style 
             
•	border-top-width 
              

の輪郭をかく
•	outline 
    ,               
•	outline-color 
      
•	outline-style 
  outline   
•	outline-width