CSS

Internet Explorer 10 以及 Windows 8 中使用 JavaScript 的 Windows 市集應用程式新增許多新階層式樣式表 (CSS) 功能的支援,其中包括新的進階配置、視覺效果及移動瀏覽和縮放功能。 這個趨勢是從 Windows Internet Explorer 8 開始 (完全符合階層式樣式表層級 2 修訂編號 1 (CSS2.1) 標準的規範) 並延續到 Windows Internet Explorer 9 (支援 CSS 圓角、多重背景影像、新的色彩模型與不透明度、階層式樣式表層級 3 (CSS3) 字型與 Web 開放字型格式 (WOFF)、2D 轉換、媒體查詢、CSS3 命名空間以及其他功能)。Internet Explorer 10 持續發展,引進對本節所述 CSS 功能的支援。

重要  這些功能在 Internet Explorer 10 與使用 JavaScript 的 Windows 市集應用程式中的使用方式完全一樣。

附註  如需所有最新 Windows Internet Explorer 版本的完整 CSS 支援清單,請參閱 Internet Explorer 中的 CSS 相容性

進階配置

Internet Explorer 10 與 Windows 8 引進數個新方法,利用 CSS 來配置網頁或使用 JavaScript 的 Windows 市集應用程式的版面。這些方法包括:

主題說明

CSS 排除範圍

文字自動換行,讓文字圍繞在元素周圍,而不是將元素限制在文字的左邊或右邊浮動。

CSS 區域

接受包含文字與影像的 HTML 內容單一資料流,然後將該內容串流至標準 HTML 文件中定義的多個空的容器中。

CSS3 多欄版面配置

將內容填入多欄中,各欄之間允許間距和選擇性的間隔線。

CSS3 彈性方塊 ("Flexbox") 配置

在定義區塊尺寸時考量可用空間,如此可使用相對大小和位置。

CSS3 格線配置

分隔網頁或 Web 應用程式中主要區域的空間,以及定義 HTML 控制項各部分的大小、位置以及圖層之間的關係。

CSS 裝置適應

@-ms-viewport 規則搭配 CSS 媒體查詢,可讓 Web 開發人員以及 Windows 8 中使用 JavaScript 的 Windows 市集應用程式的開發人員,在投入最少精力的情況下,最佳化網站和應用程式的配置來適應不同的裝置。

 

視覺效果

Internet Explorer 10 與使用 JavaScript 的 Windows 市集應用程式支援 CSS3 某些最新視覺效果模組。包括:

主題說明

CSS3 3D 轉換

平移、旋轉以及縮放 2D 與 3D 空間中的元素。

CSS3 動畫

會自動隨著時間流暢地改變 CSS 屬性,使元素產生動畫效果。

CSS3 字型

存取 OpenType 字型中包含的進階排版功能。

CSS3 漸層

在所有可接受影像的屬性中加入色彩漸層。

CSS3 轉場

流暢地將 CSS 屬性值從起始值變更到結束值,製作簡單的動畫效果。

CSS3 文字

將陰影套用到文字,或為文字區塊進行自動斷字處理。

 

其他新功能

Internet Explorer 10 與使用 JavaScript 的 Windows 市集應用程式還引進下列新功能:

主題說明

移除樣式表限制

舊版 Internet Explorer 中對每一網頁的樣式表數目的限制和巢狀層數的限制,在 Internet Explorer 10 中已經移除。

利用觸控方式捲動和縮放

使用 CSS,您可以在 Windows 8 的 Internet Explorer 10 或使用 JavaScript 的 Windows 市集應用程式中,控制觸控最佳化網頁的捲動和縮放檢視。

指定可選取文字

-ms-user-select 屬性是新的 CSS 屬性,能夠讓應用程式及 Web 開發人員控制使用者是否能夠在使用 JavaScript 的 Windows 市集應用程式或網頁內選取文字。

 

相關主題

Internet Explorer 10 開發人員指南

 

 

顯示:
© 2014 Microsoft