PHP & JavaScript Room :: 設置サンプル

実行結果

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん

ソース

<style type="text/css">
#d_backgroundbreak {
    width:320px;
    font-size:15px;
    line-height:1.5;
}
#d_backgroundbreak span {
    background:transparent url(/content/img/pic1.png) repeat 0 0;
    color:#fff;
}
#d_backgroundbreak p.p1 span {
    background-break:bounding-box;
    -moz-background-inline-policy:bounding-box;
}
#d_backgroundbreak p.p2 span {
    background-break:each-box;
    -moz-background-inline-policy:each-box;
}
#d_backgroundbreak p.p3 span {
    background-break:continuous;
    -moz-background-inline-policy:continuous;
}
</style>

<div id="d_backgroundbreak">
    <p class="p1">
        <span>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん</span>
    </p>
    <p class="p2">
        <span>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん</span>
    </p>
    <p class="p3">
        <span>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん</span>
    </p>
</div>

polarized women