ホームページ制作の為の箇条書き(リスト)の作成
内職のホームページ制作>ホームページ制作の為の箇条書き(リスト)の作成

内職のホームページ制作
> ホームページ制作の為の
箇条書き(リスト)の作成

ホームページ制作の為の箇条書き(リスト)の作成やカスタマイズ法の詳細説明。行頭文字付き、番号付きや行頭記号を画像にする等のスタイルシートも紹介しています。
内職のホームページ制作 >簡単・無料ホームページ制作
箇条書き(リスト)の作成
箇条書き(リスト)の作成Map
  • 応援クリックありがとう
  • ホームページ作成NAVI
  • 人気ホームページランキング
行頭文字付きの箇条書き

行頭文字付きの箇条書きリストの作成は、
書式ツールバー行頭文字付き箇条書きをクリックします。


文字を入力していきます。
Enterキーを押すごと改行され、行頭文字が付きます。


箇条書きを終えるには改行後、行頭文字付き箇条書きをクリックします。
箇条書きを解除するには、箇条書きに指定した文字をドラッグして、
行頭文字付き箇条書きをクリックします。

番号付きの箇条書き

番号付きの箇条書きリストの作成は、
書式ツールバー
文字付き箇条書きをクリックします。


文字を入力していきます。
Enterキーを押すごと改行され、行頭番号が付きます。

箇条書きを終えるには改行した後、番号付きの箇条書きをクリックします。
箇条書きを解除するには、箇条書きに指定した文字をドラッグして、
番号
付き箇条書きをクリックします。


箇条書きのプロパティ

箇条書きにしたテキストにカーソルをおいて
右クリック箇条書きのプロパティをクリックします。


緑枠から変更する箇所を選択し、赤枠箇条書きのタイプから
行頭文字付き番号付き等の箇条書きかを選択できます。
青枠にて行頭文字を選択する事ができます。



次は上図の黄色枠詳細編集をクリックして、
箇条書き(リスト)の位置を変更します。


箇条書きの位置変更

本文のスタイルをクリックしプロパティ、値に
padding  数値px margin  数値px を
(上スペース)padding-top  、(右スペース) padding-right 
(下スペース)padding-bottom や(左スペース)padding-left

(上スペース) margin-top 15px 、 (下スペース) margin-bottom 10px
(右スペース)margin-rightや (左スペース) margin-left
それぞれ入力する事により位置を指定する事ができます。 

また、プロバティ、値にlist-style-type  noneを入力すると行頭文字や番号は削除されます。

これ等を一括して指定するにはスタイルシートを利用してください。
行頭文字番号を削除しない場合は、list-style:none;を入力しません。

ul { list-style:none; margin: 0px ; padding:0px ;}   
/*箇条書きの行頭文字の削除、余白の設定*/

箇条書き行頭記号(マーク)を画像にする

箇条書き(リスト)マーク画像を使用したい場合も
箇条書きのプロパティ詳細編集青枠本文スタイルにおいて
プロパティ,値にそれぞれ
list-style-image、 url("画像ファイル名.gif")を入力する。
これによりあなたが保存した画像ファイルリストマークに使用できます。


スタイルシートを利用する場合は下記になります。

    ul { list-style-image: url("画像ファイル名.gif"); }
/*箇条書きの画像マーク*/



TOP
★ネット内職 ?と支援
★ネット内職で金儲け
★ 働いて稼ぐぞ!
★厳選・得々ネット通販
  • *分からないことの情報交換
  • *ご意見・感想等、歓迎!
検索エンジン登録代行/上位表示でアクセスアップ!
検索エンジン登録代行

Copyright (C) 2004 内職のホームページ制作 All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送