TITLE:水平線 *「水平線」をつくる [#d8688aa4] **「水平線」をつくる [#l057d697] 水平線(横罫線)を作るには、 ''hr要素''を使います。 #pre(novervatim){{ COLOR(red):<hr> }} hr要素を入れた場所に、 凹凸のある水平線をひきます。 #br さらに、''size, width属性''を使うと、線の太さや長さも設定できます。 #pre(novervatim){{ COLOR(red):<hr size="COLOR(blue):太さ"COLOR(red): width="COLOR(blue):長さ"COLOR(red):> }} size属性に、数値を設定すると、線の太さが変わります。 単位は「ピクセル」(画面を構成する点)です。 width属性に、 数値を設定すると、線の長さが変わります。 こちらも、単位は「ピクセル」です。 また、長さに「%」を設定すると、ウィンドウの横幅に対する割合で、 長さが設定されます。 ***HTMLとブラウザでの表示例 [#z40a3c0b] #pre(novervatim){{ COLOR(red):<hr> COLOR(red):<hr size="COLOR(blue):10"COLOR(red):> COLOR(red):<hr size="COLOR(blue):10"COLOR(red): width="COLOR(blue):20"COLOR(red):> COLOR(red):<hr size="COLOR(blue):10"COLOR(red): width="COLOR(blue):80%"COLOR(red):> }} #ref(Lecture/JouhouC2010/2nd/hr/html03.png,nolink,水平線の例) &br; &navi2(Lecture/JouhouC2010/2nd,next);進んでください。 ---- #navi2(Lecture/JouhouC2010/2nd,prev,toc,next) |