Heim >Web-Frontend >HTML-Tutorial >HTML-Bildlaufleiste, Textbereichsattributeinstellung_HTML/Xhtml_Webseitenproduktion

HTML-Bildlaufleiste, Textbereichsattributeinstellung_HTML/Xhtml_Webseitenproduktion

WBOYOriginal: 2016-05-16 16:40:352203Durchsuche

1． Überlauf Einstellungen, wenn der Inhalt überläuft (Einstellung, ob das festgelegte Objekt Bildlaufleisten anzeigt)
overflow-x Einstellungen, wenn der horizontale Inhalt überläuft
overflow-y Einstellungen, wenn der vertikale Inhalt überläuft
Die Werte Die für die oben genannten drei Attribute festgelegt sind: sichtbar (Standardwert), scrollen, ausgeblendet und automatisch.
2． scrollbar-3d-light-color Die Farbe des hellen Randes der dreidimensionalen Bildlaufleiste (Legen Sie die Farbe der Bildlaufleiste fest)
scrollbar-arrow-color Die Farbe der dreieckigen Pfeile auf der Auf- und Abwärtstasten
Scrollbar-Basisfarbe der Bildlaufleiste Grundfarbe
Scrollbar-Dark-Shadow-Color Die Farbe des starken Schattens der dreidimensionalen Bildlaufleiste
Scrollbar-Gesichtsfarbe Die Farbe von der hervorstehende Teil der dreidimensionalen Bildlaufleiste
scrollbar-highlight-color Die Farbe des leeren Teils der Bildlaufleiste
scrollbar-shadow-color Die Farbe des dreidimensionalen Bildlaufleistenschattens
Wir wird die oben genannten Stilattribute anhand mehrerer Beispiele erläutern:
1. Lassen Sie die Bildlaufleiste niemals im Browserfenster erscheinen
Keine horizontale Bildlaufleiste

Code kopieren

Der Code lautet wie folgt:

🎜>
Keine vertikale Bildlaufleiste

Code kopieren Der Code lautet wie folgt:

Keine Bildlaufleiste

Code kopierenDer Code lautet wie folgt:

overflow:hidden">

2. Legen Sie die Bildlaufleiste des mehrzeiligen Textfelds fest
Keine horizontale Bildlaufleiste

Code kopierenDer Code lautet wie folgt:

< ; /textarea> <div class="msgborder" id="phpcode133">
<br><br>Keine vertikale Bildlaufleiste</div>
<br><br><br><div class="msgheader">Code kopieren<div class="right">
<span style="CURSOR: pointer" onclick="copycode(getid('phpcode134'));"><u> Der Code ist wie folgt folgt: </u></span> </div>< textarea style="overflow-y:hidden">< /textarea> ></div>
<div class="msgborder" id="phpcode134">
<br>Code kopieren<br>
</div>
<br>Der Code lautet wie folgt:<br><br> <div class="msgheader"><textarea style="overflow-x:hidden;overflow- y: versteckt">< /textarea> <div class="right">oder< textarea style="overflow:hidden">< /textarea> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode135'));"><u></u></span>3. Stellen Sie die Bildlaufleiste des Fensters ein Farbe </div> </div>Setzen Sie die Farbe der Fenster-Bildlaufleiste auf Rot<body style="scrollbar-base-color:red"> legt im Allgemeinen nur die Grundfarbe fest um diese Eigenschaft festzulegen, um die Farbe der Bildlaufleiste zu ändern. <div class="msgborder" id="phpcode135">Fügen Sie einen kleinen Spezialeffekt hinzu: <br><br><br>
</div>
<br><strong>Kopieren Sie den Code</strong><br><br>Der Code lautet wie folgt:<br><br> <br><body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"> <div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode136'));"><u>4 und rufen Sie Stylesheet auf </u> </span></div></div>
<div class="msgborder" id="phpcode136">
<br><br>Code kopieren </div>
<br><strong>Der Code lautet wie folgt:</strong><br> <br><style> <div class="msgheader">.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;} <div class="right"></style> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode137'));"><u></u>Aufruf wie folgt: </span>
</div>
</div>
<div class="msgborder" id="phpcode137">
<br><br>Code kopieren<br><br>
</div>Der Code lautet wie folgt:<br><br> <br><textarea class="coolscrollbar ">< /textarea> <div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode138'));">Einstellungen für Textbereichsfarbe und Rahmen: <u></u></span></div></div>
<div class="msgborder" id="phpcode138">Code kopieren<br><br>
</div>Der Code lautet wie folgt:<br><br> <br><textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC;">< <div class="msgheader"><div class="right"></div></div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="Die Verwendung von Textbereichen in HTML, häufige Probleme und Fallanalyse_HTML/Xhtml_Webseitenproduktion" href="https://m.php.cn/de/faq/11725.html">Die Verwendung von Textbereichen in HTML, häufige Probleme und Fallanalyse_HTML/Xhtml_Webseitenproduktion</a></span><span>Nächster Artikel：<a class="dBlack" title="Die Verwendung von Textbereichen in HTML, häufige Probleme und Fallanalyse_HTML/Xhtml_Webseitenproduktion" href="https://m.php.cn/de/faq/11730.html">Die Verwendung von Textbereichen in HTML, häufige Probleme und Fallanalyse_HTML/Xhtml_Webseitenproduktion</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="8966999616"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="5027754603"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p>                © php.cn All rights reserved
            </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了，就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

_self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}
$("table.syntaxhighlighter").wait(function() {
    $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
      $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>