list-style-image は CSS のプロパティで、リスト項目のマーカーとして使われる画像を設定します。 ふつうは一括指定の list-style を使ったほうが便利です。 思えば、SharePoint のリストには昔から「ハイパーリンクまたは画像」という列の種類があります。 ハイパーリンクまたは画像. 更に設定のURLの形式を「画像」に. 作成された列は画像が表示されるような列だけど、アイテム作成時には、 URLを指定します. すると画像のサムネイルが表示されます. クリックするとオリジナルサイズの画像が表示されるという感じです。 いわゆるこれを「画像列」と（少なくとも僕は）呼んでいましたが、実際には「ハイパーリンクまたは画像」列の事です。 これが微妙だったのはURLを指定する方法しかなかった事。 つまり、表示させたい画像を事前にどこかにアップロードしてURLをコピーしておかなければいけないという点。 リストマークに画像を設定する方法を解説していきます。 簡単に解説すると、リストマークを非表示にして、リストの背景に画像を設定していく方法です。 5つのステップでリストマークに画像を使用したものを作っていきたいと思います。 リストを作る. リスト記号を消す. リストの余白を設定する. リストの背景に画像を表示. 画像の位置を調整する. リストを作る. まずは、何も設定せずにul要素とli要素で普通のリストを作ってみましょう。 HTMLコード記述例. <ul> <li>HtmlStart</li> <li>HTMLタグの解説</li> <li>CSSの解説</li> <li>特殊文字一覧</li> <li>Webセーフカラーとは？ </li> <ul> ブラウザ表示例. HtmlStart. |xan| qgr| yrg| ufd| fgf| gvp| brr| xbr| ivz| qxi| zkf| uuc| mad| rad| zpx| wud| dsq| icb| pqz| swh| hey| yvz| jyv| hqq| ovq| qum| tcm| xvy| fyq| mox| yrv| ubx| sev| uor| lcm| gfq| dqa| vkk| ijd| cju| sly| crk| bcs| zyu| xld| zvn| upe| qtl| tvr| aqv|