CSS @page:first列印偽類選擇器
列印偽類選擇符,設定頁面容器第一頁使用的樣式。
僅用於@page規則。
語法結構:
[CSS] 純文字檢視 複製程式碼@page:first{ Rules }
瀏覽器支援:
(1).IE瀏覽器支援此選擇器。
(2).谷歌瀏覽器支援此選擇器。
(3).谷歌瀏覽器支援此選擇器。
(4).火狐瀏覽器支援此選擇器。
(5).opera瀏覽器支援此選擇器。
(6).safria瀏覽器支援此選擇器。
說明:IE6-IE8瀏覽器不支援此屬性。
例項程式碼:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> @page:first { margin: 50px 60px; } div { page-break-after: always; } </style> </head> <body> <div>頁面容器中第一頁的上下邊距為50px左右邊距為60px</div> <div>頁面容器中第二頁的外邊距為預設值</div> </body> </html>
相關文章
- CSS @page:left列印偽類選擇器CSS
- CSS @page:right列印偽類選擇器CSS
- CSS 偽類選擇器CSS
- css :first-child偽類選擇器用法介紹CSS
- CSS E::first-line偽元素選擇器CSS
- CSS E:default 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:hover偽類選擇器CSS
- CSS E:hover 偽類選擇器CSS
- CSS偽類與偽元素選擇器區別CSS
- CSS3新增選擇器(屬性選擇器、結構偽類選擇器、偽元素選擇器)CSSS3
- CSS :focus-within 偽類選擇器CSS
- CSS偽類選擇器是什麼CSS
- css偽類選擇符CSS
- CSS樣式中的通用選擇器和偽類選擇器CSS
- CSS的總結(選擇器,偽類等…)CSS
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- 徹底理解CSS結構偽類選擇器CSS
- CSS 連結偽類選擇器順序原理CSS
- css :target偽類選擇器簡單介紹CSS
- CSS E:lang()偽類選擇符CSS
- CSS選擇器(6)——偽元素CSS
- CSS E::after 偽元素選擇器CSS
- 002---選擇器(標籤選擇器、類選擇器、id選擇器、偽類選擇器、萬用字元選擇器)字元
- 有趣的CSS題目(10):結構性偽類選擇器CSS
- CSS class 類選擇器CSS
- CSS多類選擇器CSS
- 偽類選擇器:愛恨法則;偽元素選擇器:before,after;清除浮動
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- 一個選擇器工具。測試結構偽類選擇器方法
- css選擇器的分類CSS
- css選擇器中:first-child與:first-of-type的區別CSS
- css @page規則控制列印設定選項CSS
- 後端碼農談前端(CSS篇)第四課:選擇器補充(偽類與偽元素)後端前端CSS
- css選擇器分類總結CSS
- js如何獲取css偽類選擇器樣式值程式碼例項JSCSS