※ ChatGPTを利用し、要約された質問です(原文:cssで『top』ではなく『_top』とアンダーバーが付いているのは何ですか?)
なぜCSSで『_top』が使われるのか?
このQ&Aのポイント
CSSの『_top』は、要素の位置を微調整するために使用されます。
『_top』は、通常の『top』とは異なり、ブラウザによって解釈されることがあります。
『_top』は、特定の状況下で要素を上下に微調整するために使用されることがあります。
cssで『top』ではなく『_top』とアンダーバーが付いているのは何ですか?
formのcssレイアウトの参考にいろいろ検索していたんですが、
その中で『_top』というプロパティを使用している例がありました。
初めて見たので自分で調べてみたのですが、わかりませんでした。
これはどのように使うものなのですか?
当方初心者なので基本的な事でしたら申し訳ありません。
ちなみにこちらのサイトに以上の事が出ていますが、内容を貼り付けておきます。
URL:http://hatenachips.blog34.fc2.com/blog-entry-206.html
【内容】
<form name="searchform2" id="searchform2" action="./" method="get" value="" maxlength="200">
<p class="plugin-search">
<input type="text" name="q" id="keywords2" onfocus="if (this.value == 'Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = 'Keyword(s)';" value="Keyword(s)"/ >
<input type="image" src="http://blog-imgs-29-origin.fc2.com/h/a/t/hatenachips/btn2.gif" alt="hatena chips 内の検索" name="searchBtn2" id="searchBtn2" />
</p>
</form>
*****************
#searchform2 {
position: relative;
}
#keywords2 {
width: 182px;
height: 16px;
background-color: #666;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
padding: 4px;
color: #ddd;
}
#searchBtn2 {
position: absolute;
top: 0;
_top: 1px; ←――――――――これです!!――――――――
left: 190px;
background-color: #666;
border-top: 1px solid #000;
border-left: none;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
}
*:first-child + html #searchBtn2 {
top: 1px;
}