CSS3 - User Interface

用戶界面屬性允許您將任何元素更改爲幾個標準用戶界面元素之一。

css3用戶界面中使用的一些常見屬性。

Sr.No.	Value & Description
1	外觀用於允許用戶將元素作爲用戶界面元素。
2	盒子大小允許用戶以清晰的方式修復區域上的元素。
3	圖標用於提供區域上的圖標。
4	調整大小用於調整區域上的元素的大小。
5	輪廓偏移用來畫輪廓的後面。
6	導航下降用於在按下鍵盤上的向下箭頭按鈕後向下移動。
7	左導航用於在按下鍵盤上的左箭頭按鈕後向左移動。
8	導航右當您按下鍵盤上的右箭頭按鈕時，用於向右移動。
9	導航向上用於在按下鍵盤上的向上箭頭按鈕後向上移動。

Example of resize property

Resize屬性有三個常用值，如下所示−

horizontal
vertical
both

在css3用戶界面的resize屬性中使用both值−

Live Demo

<html>
   <head>
      <style>
         div {
            border: 2px solid;
            padding: 20px; 
            width: 300px;
            resize: both;
            overflow: auto;
         }
      </style>
   </head>

   <body>
      <div>TutorialsPoint.com</div>
   </body>
</html>

它將產生以下結果&負;

CSS3 Outline offset

外線是指在邊界外的元素周圍畫一條線。

Live Demo

<html>
   <head>
      <style>
         div {
            margin: 20px;
            padding: 10px;
            width: 300px; 
            height: 100px;
            border: 5px solid pink;
            outline: 5px solid green;
            outline-offset: 15px;
         }
      </style>
   </head>

   <body>
      <div>TutorialsPoint</div>
   </body>
</html>

它將產生以下結果&負;