最新のWeb開発のチュートリアル
 

Style widows Property

<スタイルオブジェクト

未亡人を変更し、印刷または印刷プレビューを確認してください。

<html>
<head>
<script>
function ChangeWidows() {
    document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent {
    width: 400px;
    border-top: 19cm solid #c3c3c3;
}

@page {
/* set size of printed page */
    size: 21cm 27cm;
    margin-top: 2cm;
}

@media print {
    .widows {
        widows:2;
    }
}
</style>
</head>
<body>

<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Change widows</button>

<p style="font-size:120%" id="p1">
Change widows and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>

<div class="othercontent">

</body>
</html>
»それを自分で試してみてください

定義と使用法

未亡人プロパティセットまたはページの上部に表示されなければならない要素の行の最小数を返す(for printing or print preview)

未亡人プロパティはブロックレベル要素に影響を与えます。

Tip:未亡人:5は、少なくとも5行は改ページの下に表示しなければならないことを意味します。

Tip:ページの下部に表示されなければならない要素の行の最小数を設定したり、返すために孤児プロパティを参照してください。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

未亡人プロパティは、Internet Explorer、オペラとChromeでサポートされています。

注意:未亡人プロパティは、FirefoxやSafariでサポートされていません。 プロパティは、IE7および以前のバージョンでサポートされていません。 IE8は、!のDOCTYPEが必要です。 IE9以降は完全にサポートしています。


構文

未亡人プロパティを返します:

object .style.widows

未亡人プロパティを設定します。

object .style.widows=" プロパティ値
説明
number 表示行の最小数を指定する整数。 負の値は許可されていません。 デフォルト値は2です
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 2
戻り値: ページの上部に印刷する行の最小数を表す文字列
CSSのバージョン CSS2

<スタイルオブジェクト