13使用者介面樣式

來源:互聯網
上載者:User

標籤:點擊   pointer   color   style   作業系統   set   通用   螢幕   文本   

CSS2中定義了6個系統字型關鍵字,caption(由標題控制項使用的字型樣式)、icon(作業系統表徵圖標籤所用的字型樣式)、menu(下拉式功能表和菜單列表中文本使用的字型樣式)、message-box(對話方塊中文本使用的字型樣式)、small-caption(由標題小控制項的標籤使用的字型樣式)、status-bar(視窗狀態條中文本使用的字型樣式)。這些值只能用於font屬性,它們本身就是簡寫形式。

總共有28個系統色彩關鍵字,不過CSS沒有明確定義這些關鍵字。

cursor屬性可以改變游標表徵圖,值:[[<url>,]*[auto|defoult|pointer|crosshair|move|e-resize|ne-resize|nw-resize|n-resize|se-resize|sw-resize|s-resize|w-resize|text|wait|help|process]]|inherit.預設值auto只表示使用者代理程式應當確定最合適當前內容相關的游標表徵圖。這與default不同,後者要求表徵圖是作業系統的預設游標,預設游標通常是一個箭頭。值pointer會把游標表徵圖改成與移過超連結時的游標相同。crosshair(十字元號)通常用於螢幕捕捉程式,如果使用者想準確地知道正在點擊哪一個像素,這就很有用。wait表示使用者要等待直到程式不忙為止,而progress指示使用者完全可以繼續與程式互動,儘管它很忙。使用一個URL值,可以指定定製游標,URL必須跟有一個逗號和某個通用關鍵字。對於可能採用的任何圖形游標,cursor都要求有後路。

輪廓有點類似與邊框,不過有兩個重要區別。1.輪廓不會像邊框那樣參與到文檔流中,因此輪廓出現或消失時不會影響文檔流,即不會導致文檔的重新顯示。2輪廓可能不是矩形。CSS2規範指出,輪廓可以畫在邊框邊界的外面。一般認為輪廓是使用者介面樣式的一部分,因為它們最常用於指示當前焦點。outline-style用於設定輪廓樣式,值:none|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit。只能為outline-style指定一個關鍵字(而邊框最多可以指定4個關鍵字)。outline-width用於指點輪廓的寬度,值:thin|medium|thick|<length>|inherit.outline-color屬性用於設定輪廓顏色,值:<color>|invert|inherit,預設值是invert,反色輪廓意味著對輪廓所在的像素完成反色轉換。outline是輪廓的簡寫屬性,值:[<outline-color>||<outline-style>||<outline_width>]|inherit。

13使用者介面樣式

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.