[{"data":1,"prerenderedAt":1131},["ShallowReactive",2],{"\u002Fother_memorandum\u002Fhtml_css":3},{"id":4,"title":5,"body":6,"date":1122,"description":1123,"draft":1124,"extension":1125,"meta":1126,"navigation":442,"path":1127,"seo":1128,"stem":1129,"__hash__":1130},"blog\u002F900.other_memorandum\u002F06.html_css.md","HTML\u002FCSSについて",{"type":7,"value":8,"toc":1099},"minimark",[9,14,266,270,277,281,285,288,353,356,363,409,412,466,470,476,525,528,609,613,667,670,695,699,702,725,728,748,768,771,797,800,809,813,816,829,836,866,869,878,882,891,954,971,974,1018,1022,1025,1035,1038,1048,1068,1083,1086,1095],[10,11,13],"h2",{"id":12},"htmlcss-cssを設定するときに頻出する設定項目","HTML\u002FCSS CSSを設定するときに頻出する設定項目",[15,16,17,33,45,55,85,95,118,154,181,200,220,237,250],"ul",{},[18,19,20,24],"li",{},[21,22,23],"code",{},"width",[15,25,26],{},[18,27,28,29,32],{},"タグ要素の幅。",[21,30,31],{},"div","で頻出。",[18,34,35,38],{},[21,36,37],{},"height",[15,39,40],{},[18,41,42,43,32],{},"タグ要素の高さ。",[21,44,31],{},[18,46,47,50],{},[21,48,49],{},"background-color",[15,51,52],{},[18,53,54],{},"タグ要素内の背景色。RGB指定。",[18,56,57,60],{},[21,58,59],{},"font-size",[15,61,62,65,75],{},[18,63,64],{},"タグ要素内のテキストのテキストサイズ。 指定方法が色々ある。",[18,66,67,70,71,74],{},[21,68,69],{},"px",",",[21,72,73],{},"em","。",[18,76,77,80,81,84],{},[21,78,79],{},"larger","\u002F",[21,82,83],{},"smaller"," （親要素のフォントサイズとの相対）とか。",[18,86,87,90],{},[21,88,89],{},"color",[15,91,92],{},[18,93,94],{},"タグ要素内のテキストの色。RGB指定。",[18,96,97,100],{},[21,98,99],{},"font-style",[15,101,102,105],{},[18,103,104],{},"タグ要素内のテキストのスタイル。",[18,106,107,110,111,110,114,117],{},[21,108,109],{},"normal","／",[21,112,113],{},"italic",[21,115,116],{},"oblique","とか。",[18,119,120,123],{},[21,121,122],{},"padding",[15,124,125,133,136],{},[18,126,127,128,70,130,132],{},"タグ要素内に設定する余白。",[21,129,69],{},[21,131,73],{},"指定。",[18,134,135],{},"1つ指定は全方向に同一の値を設定。",[18,137,138,139,143,144,143,147,143,150,153],{},"4つ指定は",[140,141,142],"strong",{},"上","、",[140,145,146],{},"右",[140,148,149],{},"下",[140,151,152],{},"左","の順に設定される。",[18,155,156,159],{},[21,157,158],{},"margin",[15,160,161,168,171],{},[18,162,163,164,70,166,132],{},"タグ要素外に設定する余白。",[21,165,69],{},[21,167,73],{},[18,169,170],{},"1つ指定は全方向に同一の値を設定.",[18,172,138,173,143,175,143,177,143,179,153],{},[140,174,142],{},[140,176,146],{},[140,178,149],{},[140,180,152],{},[18,182,183,186],{},[21,184,185],{},"list-style",[15,187,188,194],{},[18,189,190,191,193],{},"リストタグ（",[21,192,15],{},"）限定。左につくボッチの指定。",[18,195,196,199],{},[21,197,198],{},"none","を指定すると消える。",[18,201,202,205],{},[21,203,204],{},"border-style",[15,206,207,210],{},[18,208,209],{},"枠線を表示する際のスタイルを指定できる。",[18,211,212,215,216,219],{},[21,213,214],{},"solid","(実線),",[21,217,218],{},"dashed","(破線)など。",[18,221,222,225],{},[21,223,224],{},"border-width",[15,226,227,230],{},[18,228,229],{},"枠線を表示する際の枠線の太さ設定。",[18,231,232,234,235,132],{},[21,233,69],{},", ",[21,236,73],{},[18,238,239,242],{},[21,240,241],{},"border-color",[15,243,244,247],{},[18,245,246],{},"枠線を表示する際の枠線の色指定。",[18,248,249],{},"RGB指定。",[18,251,252,255],{},[21,253,254],{},"border",[15,256,257],{},[18,258,259,234,261,234,263,265],{},[21,260,204],{},[21,262,224],{},[21,264,241],{},"を一括で指定できるプロパティ。",[10,267,269],{"id":268},"cssファイル内にコメントを書く","CSSファイル内にコメントを書く",[271,272,273,276],"p",{},[21,274,275],{},"\u002F** こんな感じ *\u002F"," でコメントを書く。",[10,278,280],{"id":279},"css-に追加するときの-タグクラスidの指定","CSS に追加するときの タグ／クラス／IDの指定",[282,283,284],"h3",{"id":284},"タグ指定によるカスタマイズ",[271,286,287],{},"タグ指定によるCSSはタグ名をそのまま書く。",[289,290,295],"pre",{"className":291,"code":292,"language":293,"meta":294,"style":294},"language-css shiki shiki-themes github-light","\u002F* bodyタグの指定 *\u002F\nbody {\n ...\n}\n\u002F* h1タグの指定 *\u002F\nh1 {\n ...\n}\n\n","css","",[21,296,297,306,317,323,329,335,343,348],{"__ignoreMap":294},[298,299,302],"span",{"class":300,"line":301},"line",1,[298,303,305],{"class":304},"sAwPA","\u002F* bodyタグの指定 *\u002F\n",[298,307,309,313],{"class":300,"line":308},2,[298,310,312],{"class":311},"shJU0","body",[298,314,316],{"class":315},"sgsFI"," {\n",[298,318,320],{"class":300,"line":319},3,[298,321,322],{"class":315}," ...\n",[298,324,326],{"class":300,"line":325},4,[298,327,328],{"class":315},"}\n",[298,330,332],{"class":300,"line":331},5,[298,333,334],{"class":304},"\u002F* h1タグの指定 *\u002F\n",[298,336,338,341],{"class":300,"line":337},6,[298,339,340],{"class":311},"h1",[298,342,316],{"class":315},[298,344,346],{"class":300,"line":345},7,[298,347,322],{"class":315},[298,349,351],{"class":300,"line":350},8,[298,352,328],{"class":315},[282,354,355],{"id":355},"クラス指定によるカスタマイズ",[271,357,358,359,362],{},"クラス指定によるCSSはピリオド「",[21,360,361],{},".","」をつけて書く。",[289,364,366],{"className":291,"code":365,"language":293,"meta":294,"style":294},"\u002F* hogeクラスの指定 *\u002F\n.hoge {\n ...\n}\n\u002F* fugaクラスの指定 *\u002F\n.fuga {\n ...\n}\n\n",[21,367,368,373,381,385,389,394,401,405],{"__ignoreMap":294},[298,369,370],{"class":300,"line":301},[298,371,372],{"class":304},"\u002F* hogeクラスの指定 *\u002F\n",[298,374,375,379],{"class":300,"line":308},[298,376,378],{"class":377},"s7eDp",".hoge",[298,380,316],{"class":315},[298,382,383],{"class":300,"line":319},[298,384,322],{"class":315},[298,386,387],{"class":300,"line":325},[298,388,328],{"class":315},[298,390,391],{"class":300,"line":331},[298,392,393],{"class":304},"\u002F* fugaクラスの指定 *\u002F\n",[298,395,396,399],{"class":300,"line":337},[298,397,398],{"class":377},".fuga",[298,400,316],{"class":315},[298,402,403],{"class":300,"line":345},[298,404,322],{"class":315},[298,406,407],{"class":300,"line":350},[298,408,328],{"class":315},[271,410,411],{},"また、タグ指定とクラス指定を組み合わせることができる。",[289,413,415],{"className":291,"code":414,"language":293,"meta":294,"style":294},"\u002F* hogeクラスが設定されているdivタグの指定 *\u002F\ndiv.hoge {\n ...\n}\n\n\u002F* fugaクラスが設定されているpタグの指定 *\u002F\np.fuga {\n ...\n}\n\n",[21,416,417,422,430,434,438,444,449,457,461],{"__ignoreMap":294},[298,418,419],{"class":300,"line":301},[298,420,421],{"class":304},"\u002F* hogeクラスが設定されているdivタグの指定 *\u002F\n",[298,423,424,426,428],{"class":300,"line":308},[298,425,31],{"class":311},[298,427,378],{"class":377},[298,429,316],{"class":315},[298,431,432],{"class":300,"line":319},[298,433,322],{"class":315},[298,435,436],{"class":300,"line":325},[298,437,328],{"class":315},[298,439,440],{"class":300,"line":331},[298,441,443],{"emptyLinePlaceholder":442},true,"\n",[298,445,446],{"class":300,"line":337},[298,447,448],{"class":304},"\u002F* fugaクラスが設定されているpタグの指定 *\u002F\n",[298,450,451,453,455],{"class":300,"line":345},[298,452,271],{"class":311},[298,454,398],{"class":377},[298,456,316],{"class":315},[298,458,459],{"class":300,"line":350},[298,460,322],{"class":315},[298,462,464],{"class":300,"line":463},9,[298,465,328],{"class":315},[282,467,469],{"id":468},"id指定によるカスタマイズ","ID指定によるカスタマイズ",[271,471,472,473,362],{},"ID指定によるCSSはシャープ「",[21,474,475],{},"#",[289,477,479],{"className":291,"code":478,"language":293,"meta":294,"style":294},"\u002F* ID:header *\u002F\n#header {\n ...\n}\n\n\u002F* ID:footer *\u002F\n#footer {\n ...\n}\n\n",[21,480,481,486,493,497,501,505,510,517,521],{"__ignoreMap":294},[298,482,483],{"class":300,"line":301},[298,484,485],{"class":304},"\u002F* ID:header *\u002F\n",[298,487,488,491],{"class":300,"line":308},[298,489,490],{"class":377},"#header",[298,492,316],{"class":315},[298,494,495],{"class":300,"line":319},[298,496,322],{"class":315},[298,498,499],{"class":300,"line":325},[298,500,328],{"class":315},[298,502,503],{"class":300,"line":331},[298,504,443],{"emptyLinePlaceholder":442},[298,506,507],{"class":300,"line":337},[298,508,509],{"class":304},"\u002F* ID:footer *\u002F\n",[298,511,512,515],{"class":300,"line":345},[298,513,514],{"class":377},"#footer",[298,516,316],{"class":315},[298,518,519],{"class":300,"line":350},[298,520,322],{"class":315},[298,522,523],{"class":300,"line":463},[298,524,328],{"class":315},[271,526,527],{},"ID指定も、タグ指定、クラス指定を組み合わせることができる。",[289,529,531],{"className":291,"code":530,"language":293,"meta":294,"style":294},"\u002F* ID:headerが指定されているdivタグ *\u002F\ndiv#header {\n ...\n}\n\n\u002F* new-articleクラス、ID:title 指定 *\u002F\n.new-article#title {\n ...\n}\n\n\u002F* divタグ、commentクラス、ID:title 指定 *\u002F\ndiv.comment#title {\n ...\n}\n\n",[21,532,533,538,546,550,554,558,563,570,574,578,583,589,599,604],{"__ignoreMap":294},[298,534,535],{"class":300,"line":301},[298,536,537],{"class":304},"\u002F* ID:headerが指定されているdivタグ *\u002F\n",[298,539,540,542,544],{"class":300,"line":308},[298,541,31],{"class":311},[298,543,490],{"class":377},[298,545,316],{"class":315},[298,547,548],{"class":300,"line":319},[298,549,322],{"class":315},[298,551,552],{"class":300,"line":325},[298,553,328],{"class":315},[298,555,556],{"class":300,"line":331},[298,557,443],{"emptyLinePlaceholder":442},[298,559,560],{"class":300,"line":337},[298,561,562],{"class":304},"\u002F* new-articleクラス、ID:title 指定 *\u002F\n",[298,564,565,568],{"class":300,"line":345},[298,566,567],{"class":377},".new-article#title",[298,569,316],{"class":315},[298,571,572],{"class":300,"line":350},[298,573,322],{"class":315},[298,575,576],{"class":300,"line":463},[298,577,328],{"class":315},[298,579,581],{"class":300,"line":580},10,[298,582,443],{"emptyLinePlaceholder":442},[298,584,586],{"class":300,"line":585},11,[298,587,588],{"class":304},"\u002F* divタグ、commentクラス、ID:title 指定 *\u002F\n",[298,590,592,594,597],{"class":300,"line":591},12,[298,593,31],{"class":311},[298,595,596],{"class":377},".comment#title",[298,598,316],{"class":315},[298,600,602],{"class":300,"line":601},13,[298,603,322],{"class":315},[298,605,607],{"class":300,"line":606},14,[298,608,328],{"class":315},[282,610,612],{"id":611},"指定のタグクラスid内の要素に対してcssを指定できる","指定のタグ／クラス／ID内の要素に対してCSSを指定できる。",[289,614,616],{"className":291,"code":615,"language":293,"meta":294,"style":294},"\u002F* ID:headerが指定されている要素内のaタグ指定 *\u002F\n#header a {\n ...\n}\n\n\u002F* new-articleクラス内の div 指定 *\u002F\n.new-article div {\n ...\n}\n\n",[21,617,618,623,632,636,640,644,649,659,663],{"__ignoreMap":294},[298,619,620],{"class":300,"line":301},[298,621,622],{"class":304},"\u002F* ID:headerが指定されている要素内のaタグ指定 *\u002F\n",[298,624,625,627,630],{"class":300,"line":308},[298,626,490],{"class":377},[298,628,629],{"class":311}," a",[298,631,316],{"class":315},[298,633,634],{"class":300,"line":319},[298,635,322],{"class":315},[298,637,638],{"class":300,"line":325},[298,639,328],{"class":315},[298,641,642],{"class":300,"line":331},[298,643,443],{"emptyLinePlaceholder":442},[298,645,646],{"class":300,"line":337},[298,647,648],{"class":304},"\u002F* new-articleクラス内の div 指定 *\u002F\n",[298,650,651,654,657],{"class":300,"line":345},[298,652,653],{"class":377},".new-article",[298,655,656],{"class":311}," div",[298,658,316],{"class":315},[298,660,661],{"class":300,"line":350},[298,662,322],{"class":315},[298,664,665],{"class":300,"line":463},[298,666,328],{"class":315},[282,668,669],{"id":669},"参考",[15,671,672,681,688],{},[18,673,674],{},[675,676,680],"a",{"href":677,"rel":678},"https:\u002F\u002Fcc.musabi.ac.jp\u002Fkenkyu\u002Fcl1\u002Fhtml5\u002Fcss_class_id.html",[679],"nofollow","クラスとID \u003C CSS ｜ HTML+CSSまとめページ",[18,682,683],{},[675,684,687],{"href":685,"rel":686},"https:\u002F\u002Fcc.musabi.ac.jp\u002Fkenkyu\u002Fcl1\u002Fhtml5\u002Fcss_selecta.html",[679],"セレクタと疑似クラス \u003C CSS ｜ HTML+CSSまとめページ",[18,689,690],{},[675,691,694],{"href":692,"rel":693},"https:\u002F\u002Fcsshtml.work\u002Fid-and-class\u002F",[679],"【CSS･html】idやclassの複数指定、同時指定方法",[10,696,698],{"id":697},"htmlcss-マウスオーバーしたときの表示をカスタマイズする","HTML\u002FCSS マウスオーバーしたときの表示をカスタマイズする",[271,700,701],{},"マウスオーバーしたときに表示を切り替えたいときは、CSSに疑似クラスを指定する。",[289,703,705],{"className":291,"code":704,"language":293,"meta":294,"style":294},"a:hover {\n  マウスオーバー中に表示したい内容\n}\n\n",[21,706,707,716,721],{"__ignoreMap":294},[298,708,709,711,714],{"class":300,"line":301},[298,710,675],{"class":311},[298,712,713],{"class":377},":hover",[298,715,316],{"class":315},[298,717,718],{"class":300,"line":308},[298,719,720],{"class":315},"  マウスオーバー中に表示したい内容\n",[298,722,723],{"class":300,"line":319},[298,724,328],{"class":315},[271,726,727],{},"この指定を複数の要素に指定することで、例えばテキストやイメージの表示切替などもできる。",[289,729,730],{"className":291,"code":704,"language":293,"meta":294,"style":294},[21,731,732,740,744],{"__ignoreMap":294},[298,733,734,736,738],{"class":300,"line":301},[298,735,675],{"class":311},[298,737,713],{"class":377},[298,739,316],{"class":315},[298,741,742],{"class":300,"line":308},[298,743,720],{"class":315},[298,745,746],{"class":300,"line":319},[298,747,328],{"class":315},[289,749,751],{"className":291,"code":750,"language":293,"meta":294,"style":294},".a-covered:hover {\n  マウスオーバー中に表示したい内容\n}\n\n",[21,752,753,760,764],{"__ignoreMap":294},[298,754,755,758],{"class":300,"line":301},[298,756,757],{"class":377},".a-covered:hover",[298,759,316],{"class":315},[298,761,762],{"class":300,"line":308},[298,763,720],{"class":315},[298,765,766],{"class":300,"line":319},[298,767,328],{"class":315},[271,769,770],{},"マウスオーバー以外にも疑似クラスの指定により表示を変えられるものは以下。",[15,772,773,779,785,791],{},[18,774,775,778],{},[21,776,777],{},"link","：未訪問のリンク",[18,780,781,784],{},[21,782,783],{},"visited","：訪問済みのリンク",[18,786,787,790],{},[21,788,789],{},"hover","：マウスオーバー",[18,792,793,796],{},[21,794,795],{},"active","：リンククリック中",[282,798,669],{"id":799},"参考-1",[15,801,802],{},[18,803,804],{},[675,805,808],{"href":806,"rel":807},"https:\u002F\u002Fcsshtml.work\u002Fimg-hover-color\u002F#i",[679],"html･CSSでマウスオーバー時に色を変える方法",[10,810,812],{"id":811},"htmlcss-画面上のテキストや画像を選択状態にできないようにする","HTML\u002FCSS 画面上のテキストや画像を選択状態にできないようにする",[271,814,815],{},"該当のテキスト・画像のタグに以下を設定します。",[289,817,819],{"className":291,"code":818,"language":293,"meta":294,"style":294},"user-select: none;\n\n",[21,820,821],{"__ignoreMap":294},[298,822,823,826],{"class":300,"line":301},[298,824,825],{"class":311},"user-select",[298,827,828],{"class":315},": none;\n",[271,830,831,832,835],{},"例えば画像に設定する場合は ",[21,833,834],{},"img"," タグなので以下。",[289,837,839],{"className":291,"code":838,"language":293,"meta":294,"style":294},"img { \n    user-select: none;\n}\n\n",[21,840,841,848,862],{"__ignoreMap":294},[298,842,843,845],{"class":300,"line":301},[298,844,834],{"class":311},[298,846,847],{"class":315}," { \n",[298,849,850,854,857,859],{"class":300,"line":308},[298,851,853],{"class":852},"sYu0t","    user-select",[298,855,856],{"class":315},": ",[298,858,198],{"class":852},[298,860,861],{"class":315},";\n",[298,863,864],{"class":300,"line":319},[298,865,328],{"class":315},[282,867,669],{"id":868},"参考-2",[15,870,871],{},[18,872,873],{},[675,874,877],{"href":875,"rel":876},"https:\u002F\u002Fwww.softel.co.jp\u002Fblogs\u002Ftech\u002Farchives\u002F2909",[679],"画面上の文字や画像を選択できないようにする at softelメモ",[10,879,881],{"id":880},"htmlcssjavascript-モーダルポップアップ表示する","HTML\u002FCSS\u002FJavaScript モーダル(ポップアップ)表示する",[271,883,884,885,887,888,890],{},"モーダル表示用の ",[21,886,31],{}," を ",[21,889,312],{}," タグにいれる＋不要になったら捨てる。",[289,892,896],{"className":893,"code":894,"language":895,"meta":294,"style":294},"language-html shiki shiki-themes github-light","\u003Cdiv id=\"modal-view\" class=\"modal-background\">\n  \u003Cdiv class=\"modal\"\u002F>\n\u003C\u002Fdiv>\n\n","html",[21,897,898,926,945],{"__ignoreMap":294},[298,899,900,903,905,908,911,915,918,920,923],{"class":300,"line":301},[298,901,902],{"class":315},"\u003C",[298,904,31],{"class":311},[298,906,907],{"class":377}," id",[298,909,910],{"class":315},"=",[298,912,914],{"class":913},"sYBdl","\"modal-view\"",[298,916,917],{"class":377}," class",[298,919,910],{"class":315},[298,921,922],{"class":913},"\"modal-background\"",[298,924,925],{"class":315},">\n",[298,927,928,931,933,935,937,940,943],{"class":300,"line":308},[298,929,930],{"class":315},"  \u003C",[298,932,31],{"class":311},[298,934,917],{"class":377},[298,936,910],{"class":315},[298,938,939],{"class":913},"\"modal\"",[298,941,80],{"class":942},"sB1qb",[298,944,925],{"class":315},[298,946,947,950,952],{"class":300,"line":319},[298,948,949],{"class":315},"\u003C\u002F",[298,951,31],{"class":311},[298,953,925],{"class":315},[15,955,956,962,968],{},[18,957,958,961],{},[21,959,960],{},"modal-background"," クラスは背景として設定。",[18,963,964,967],{},[21,965,966],{},"modal"," クラスをポップアップぽくCSSを設定する。",[18,969,970],{},"背景、ポップアップは参考サイトの設定を見てなんとなく。",[271,972,973],{},"不要になったら以下で捨てる。",[289,975,979],{"className":976,"code":977,"language":978,"meta":294,"style":294},"language-javascript shiki shiki-themes github-light","var view = document.getElementById('modal-view');\ndocument.body.removeChild(view);\n\n","javascript",[21,980,981,1007],{"__ignoreMap":294},[298,982,983,987,990,992,995,998,1001,1004],{"class":300,"line":301},[298,984,986],{"class":985},"sD7c4","var",[298,988,989],{"class":315}," view ",[298,991,910],{"class":985},[298,993,994],{"class":315}," document.",[298,996,997],{"class":377},"getElementById",[298,999,1000],{"class":315},"(",[298,1002,1003],{"class":913},"'modal-view'",[298,1005,1006],{"class":315},");\n",[298,1008,1009,1012,1015],{"class":300,"line":308},[298,1010,1011],{"class":315},"document.body.",[298,1013,1014],{"class":377},"removeChild",[298,1016,1017],{"class":315},"(view);\n",[10,1019,1021],{"id":1020},"css-親要素を基準に位置を決める","CSS 親要素を基準に位置を決める",[282,1023,1024],{"id":1024},"親のスタイルに対して以下を設定する",[289,1026,1028],{"className":291,"code":1027,"language":293,"meta":294,"style":294},"position: relative;\n\n",[21,1029,1030],{"__ignoreMap":294},[298,1031,1032],{"class":300,"line":301},[298,1033,1034],{"class":315},"position: relative;\n",[282,1036,1037],{"id":1037},"位置を決めたい要素のスタイルに対して以下を設定する",[289,1039,1041],{"className":291,"code":1040,"language":293,"meta":294,"style":294},"position: absolute;\n\n",[21,1042,1043],{"__ignoreMap":294},[298,1044,1045],{"class":300,"line":301},[298,1046,1047],{"class":315},"position: absolute;\n",[271,1049,1050,1051,234,1054,234,1057,234,1060,1063,1064,1067],{},"上記を設定したら、後は特定の要素に対して ",[21,1052,1053],{},"left",[21,1055,1056],{},"top",[21,1058,1059],{},"right",[21,1061,1062],{},"bottom"," を指定する。\n例えば",[140,1065,1066],{},"右下","を指定する場合は以下。",[289,1069,1071],{"className":291,"code":1070,"language":293,"meta":294,"style":294},"right: 0;\nbottom: 0;\n\n",[21,1072,1073,1078],{"__ignoreMap":294},[298,1074,1075],{"class":300,"line":301},[298,1076,1077],{"class":315},"right: 0;\n",[298,1079,1080],{"class":300,"line":308},[298,1081,1082],{"class":315},"bottom: 0;\n",[282,1084,669],{"id":1085},"参考-3",[15,1087,1088],{},[18,1089,1090],{},[675,1091,1094],{"href":1092,"rel":1093},"https:\u002F\u002Fhtml-coding.co.jp\u002Fknowhow\u002Ftips\u002F000226\u002F",[679],"ボックス要素の右下端にボタンを配置する",[1096,1097,1098],"style",{},"html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .shJU0, html code.shiki .shJU0{--shiki-default:#22863A}html pre.shiki code .sgsFI, html code.shiki .sgsFI{--shiki-default:#24292E}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s7eDp, html code.shiki .s7eDp{--shiki-default:#6F42C1}html pre.shiki code .sYu0t, html code.shiki .sYu0t{--shiki-default:#005CC5}html pre.shiki code .sYBdl, html code.shiki .sYBdl{--shiki-default:#032F62}html pre.shiki code .sB1qb, html code.shiki .sB1qb{--shiki-default:#B31D28;--shiki-default-font-style:italic}html pre.shiki code .sD7c4, html code.shiki .sD7c4{--shiki-default:#D73A49}",{"title":294,"searchDepth":308,"depth":308,"links":1100},[1101,1102,1103,1110,1113,1116,1117],{"id":12,"depth":308,"text":13},{"id":268,"depth":308,"text":269},{"id":279,"depth":308,"text":280,"children":1104},[1105,1106,1107,1108,1109],{"id":284,"depth":319,"text":284},{"id":355,"depth":319,"text":355},{"id":468,"depth":319,"text":469},{"id":611,"depth":319,"text":612},{"id":669,"depth":319,"text":669},{"id":697,"depth":308,"text":698,"children":1111},[1112],{"id":799,"depth":319,"text":669},{"id":811,"depth":308,"text":812,"children":1114},[1115],{"id":868,"depth":319,"text":669},{"id":880,"depth":308,"text":881},{"id":1020,"depth":308,"text":1021,"children":1118},[1119,1120,1121],{"id":1024,"depth":319,"text":1024},{"id":1037,"depth":319,"text":1037},{"id":1085,"depth":319,"text":669},"2026-06-14T07:00:00+09:00","HTML\u002FCSSの備忘録です。",false,"md",{},"\u002Fother_memorandum\u002Fhtml_css",{"title":5,"description":1123},"900.other_memorandum\u002F06.html_css","sW0v_gzPzJrnvZP18XX_m1dStriu0zvWWd6pvBeBjQw",1781530000750]