From a065e04d529da1d847b5062a12c46d916408bf32 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 21:46:22 -0500 Subject: update based on https://github.com/mdn/yari/issues/2028 --- files/de/web/css/overflow-clip-box/index.html | 97 --------------------------- 1 file changed, 97 deletions(-) delete mode 100644 files/de/web/css/overflow-clip-box/index.html (limited to 'files/de/web/css/overflow-clip-box/index.html') diff --git a/files/de/web/css/overflow-clip-box/index.html b/files/de/web/css/overflow-clip-box/index.html deleted file mode 100644 index bc8b4bb4ff..0000000000 --- a/files/de/web/css/overflow-clip-box/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: overflow-clip-box -slug: Web/CSS/overflow-clip-box -tags: - - CSS - - CSS Eigenschaft - - CSS Referenz - - Referenz - - Web -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box ---- -
{{CSSRef}}{{Non-standard_header}}
- -

Übersicht

- -

Die overflow-clip-box CSS Eigenschaft bestimmt, bezogen auf welche Box die Zuschnitt erfolgt, wenn ein Überlauf stattfindet.

- -
-

In Gecko wird standardmäßig padding-box überall verwendet, aber <input type="text"> und ähnliche Elemente verwenden den Wert content-box. Vor Firefox 29 war das Verhalten fest kodiert; seitdem benutzt Firefox diese Eigenschaft, die auch an anderen Stellen verwendet werden kann. Beachte, dass diese Eigenschaft nur in {{Glossary("User Agent")}} Stylesheets und dem Chrome Kontext standardmäßig aktiviert ist.

-
- -

{{cssinfo}}

- -

Syntax

- -
/* Schlüsselwortwerte */
-overflow-clip-box: padding-box;
-overflow-clip-box: content-box;
-
-/* Globale Werte */
-overflow-clip-box: inherited;
-overflow-clip-box: initial;
-overflow-clip-box: unset;
-
- -

Werte

- -
-
padding-box
-
Diese Schlüsselwort gibt an, dass der Zuschnitt relativ zur Paddingbox erfolgt.
-
content-box
-
Diese Schlüsselwort gibt an, dass der Zuschnitt relativ zur Contentbox erfolgt.
-
- -

Formale Syntax

- -
{{csssyntax}}
- -

Beispiele

- -

padding-box

- -
<div class="things">
-  <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box">
-  <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div>
-</div>
-
- -
.scroll {
-  overflow: auto;
-  padding: 0 30px;
-  width: 6em;
-  border: 1px solid black;
-  background: lime content-box;
-}
- -
.padding-box {
-  overflow-clip-box: padding-box;
-}
-
- -
function scrollSomeElements() {
-  var elms = document.querySelectorAll('.scroll');
-  for (i=0; i < elms.length; ++i) {
-    elms[i].scrollLeft=80;
-  }
-}
-var elt = document.queryElementsByTagName('body')[0];
-
-elt.addEventListener("load", scrollSomeElements, false);
-
- -

{{EmbedLiveSample('padding-box')}}

- -

Spezifikationen

- -

Diese Eigenschaft wurde der W3C CSSWG vorgeschlagen; sie ist noch nicht standardisiert, aber, falls sie akzeptiert wird, sollte sie in {{SpecName("CSS3 Overflow")}} erscheinen.

- -

Browser Kompatibilität

- -{{Compat("css.properties.overflow-clip-box")}} - -

Siehe auch

- - -- cgit v1.2.3-54-g00ecf