2022-12-07 05:48:16 +00:00
<!DOCTYPE html>
2023-09-01 22:34:58 +00:00
< html class = "no-js" >
2022-12-07 05:48:16 +00:00
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1" charset = "UTF-8" >
2023-06-09 06:16:05 +00:00
< title > rootMargin< / title >
2022-12-07 05:48:16 +00:00
< link href = "../../../images/logo-icon.svg" rel = "icon" type = "image/svg" >
< script > var pathToRoot = "../../../" ; < / script >
2023-09-01 22:34:58 +00:00
< script > document . documentElement . classList . replace ( "no-js" , "js" ) ; < / script >
2022-12-07 05:48:16 +00:00
< script > c o n s t s t o r a g e = l o c a l S t o r a g e . g e t I t e m ( " d o k k a - d a r k - m o d e " )
if (storage == null) {
const osDarkSchemePreferred = window.matchMedia & & window.matchMedia('(prefers-color-scheme: dark)').matches
if (osDarkSchemePreferred === true) {
document.getElementsByTagName("html")[0].classList.add("theme-dark")
}
} else {
const savedDarkMode = JSON.parse(storage)
if(savedDarkMode === true) {
document.getElementsByTagName("html")[0].classList.add("theme-dark")
}
}
< / script >
2023-09-01 22:34:58 +00:00
< script type = "text/javascript" src = "https://unpkg.com/kotlin-playground@1/dist/playground.min.js" async = "async" > < / script >
2022-12-07 05:48:16 +00:00
< script type = "text/javascript" src = "../../../scripts/sourceset_dependencies.js" async = "async" > < / script >
< link href = "../../../styles/style.css" rel = "Stylesheet" >
< link href = "../../../styles/main.css" rel = "Stylesheet" >
< link href = "../../../styles/prism.css" rel = "Stylesheet" >
< link href = "../../../styles/logo-styles.css" rel = "Stylesheet" >
2023-09-01 22:34:58 +00:00
< link href = "../../../styles/font-jb-sans-auto.css" rel = "Stylesheet" >
2024-12-21 03:30:22 +00:00
< link href = "../../../ui-kit/ui-kit.min.css" rel = "Stylesheet" >
2022-12-07 05:48:16 +00:00
< script type = "text/javascript" src = "../../../scripts/clipboard.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/navigation-loader.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/platform-content-handler.js" async = "async" > < / script >
< script type = "text/javascript" src = "../../../scripts/main.js" defer = "defer" > < / script >
< script type = "text/javascript" src = "../../../scripts/prism.js" async = "async" > < / script >
2024-12-21 03:30:22 +00:00
< script type = "text/javascript" src = "../../../ui-kit/ui-kit.min.js" defer = "defer" > < / script >
2022-12-07 05:48:16 +00:00
< script type = "text/javascript" src = "../../../scripts/symbol-parameters-wrapper_deferred.js" defer = "defer" > < / script >
< / head >
< body >
2023-09-01 22:34:58 +00:00
< div class = "root" >
2024-12-21 03:30:22 +00:00
< nav class = "navigation theme-dark" id = "navigation-wrapper" >
< a class = "library-name--link" href = "../../../index.html" >
micro_utils.dokka
< / a >
< button class = "navigation-controls--btn navigation-controls--btn_toc ui-kit_mobile-only" id = "toc-toggle"
type="button">Toggle table of contents
< / button >
< div class = "navigation-controls--break ui-kit_mobile-only" > < / div >
< div class = "library-version" id = "library-version" >
2025-01-10 03:02:00 +00:00
0.24.1 < / div >
2024-12-21 03:30:22 +00:00
< div class = "navigation-controls" >
< div class = "filter-section filter-section_loading" id = "filter-section" >
< button class = "platform-tag platform-selector js-like" data-active = ""
data-filter=":micro_utils.dokka:dokkaHtml/jsMain">js< / button >
< div class = "dropdown filter-section--dropdown" data-role = "dropdown" id = "filter-section-dropdown" >
< button class = "button button_dropdown filter-section--dropdown-toggle" role = "combobox"
data-role="dropdown-toggle"
aria-controls="platform-tags-listbox"
aria-haspopup="listbox"
aria-expanded="false"
aria-label="Toggle source sets"
>< / button >
< ul role = "listbox" id = "platform-tags-listbox" class = "dropdown--list" data-role = "dropdown-listbox" >
< div class = "dropdown--header" > < span > Platform filter< / span >
< button class = "button" data-role = "dropdown-toggle" aria-label = "Close platform filter" >
< i class = "ui-kit-icon ui-kit-icon_cross" > < / i >
< / button >
< / div >
< li role = "option" class = "dropdown--option platform-selector-option js-like" tabindex = "0" >
< label class = "checkbox" >
< input type = "checkbox" class = "checkbox--input" id = ":micro_utils.dokka:dokkaHtml/jsMain"
data-filter=":micro_utils.dokka:dokkaHtml/jsMain"/>
< span class = "checkbox--icon" > < / span >
js
< / label >
< / li >
< / ul >
< div class = "dropdown--overlay" > < / div >
2023-09-01 22:34:58 +00:00
< / div >
< / div >
2024-12-21 03:30:22 +00:00
< button class = "navigation-controls--btn navigation-controls--btn_theme" id = "theme-toggle-button"
type="button">Switch theme
< / button >
< div class = "navigation-controls--btn navigation-controls--btn_search" id = "searchBar" role = "button" > Search in
API
< / div >
2022-12-07 05:48:16 +00:00
< / div >
2024-12-21 03:30:22 +00:00
< / nav >
2023-09-01 22:34:58 +00:00
< div id = "container" >
< div class = "sidebar" id = "leftColumn" >
2024-12-21 03:30:22 +00:00
< div class = "dropdown theme-dark_mobile" data-role = "dropdown" id = "toc-dropdown" >
< ul role = "listbox" id = "toc-listbox" class = "dropdown--list dropdown--list_toc-list"
data-role="dropdown-listbox">
< div class = "dropdown--header" >
< span >
micro_utils.dokka
< / span >
< button class = "button" data-role = "dropdown-toggle" aria-label = "Close table of contents" >
< i class = "ui-kit-icon ui-kit-icon_cross" > < / i >
< / button >
< / div >
< div class = "sidebar--inner" id = "sideMenu" > < / div >
< / ul >
< div class = "dropdown--overlay" > < / div >
< / div >
2023-09-01 22:34:58 +00:00
< / div >
< div id = "main" >
2023-06-09 06:16:05 +00:00
< div class = "main-content" data-page-type = "member" id = "content" pageIds = "micro_utils.dokka::dev.inmo.micro_utils.common/IntersectionObserver/rootMargin/#/PointingToDeclaration//-119510368" >
< div class = "breadcrumbs" > < a href = "../../../index.html" > micro_utils.dokka< / a > < span class = "delimiter" > /< / span > < a href = "../index.html" > dev.inmo.micro_utils.common< / a > < span class = "delimiter" > /< / span > < a href = "index.html" > IntersectionObserver< / a > < span class = "delimiter" > /< / span > < span class = "current" > rootMargin< / span > < / div >
2022-12-07 05:48:16 +00:00
< div class = "cover " >
2023-06-09 06:16:05 +00:00
< h1 class = "cover" > < span > root< / span > < wbr > < / wbr > < span > < span > Margin< / span > < / span > < / h1 >
2022-12-07 05:48:16 +00:00
< / div >
< div class = "platform-hinted with-platform-tabs" data-platform-hinted = "data-platform-hinted" >
2023-06-09 06:16:05 +00:00
< div class = "platform-bookmarks-row" data-toggle-list = "data-toggle-list" > < button class = "platform-bookmark" data-filterable-current = ":micro_utils.dokka:dokkaHtml/jsMain" data-filterable-set = ":micro_utils.dokka:dokkaHtml/jsMain" data-active = "" data-toggle = ":micro_utils.dokka:dokkaHtml/jsMain" > js< / button > < / div >
2024-12-21 03:30:22 +00:00
< div class = "content sourceset-dependent-content" data-active = "" data-togglable = ":micro_utils.dokka:dokkaHtml/jsMain" > < div class = "symbol monospace" > < span class = "token keyword" > val < / span > < a href = "root-margin.html" > rootMargin< / a > < span class = "token operator" > : < / span > < a href = "https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html" > String< / a > < span class = "clearfix" > < span class = "floating-right" > (< a href = "https://github.com/InsanusMokrassar/MicroUtils/blob/master//common/src/jsMain/kotlin/dev/inmo/micro_utils/common/IntersectionObserver.kt#L96" > source< / a > )< / span > < / span > < / div > < p class = "paragraph" > An offset rectangle applied to the root's bounding box when calculating intersections, effectively shrinking or growing the root for calculation purposes. The value returned by this property may not be the same as the one specified when calling the constructor as it may be changed to match internal requirements. Each offset can be expressed in pixels (px) or as a percentage (%). The default is " 0px 0px 0px 0px" .< / p > < / div > < / div >
2022-12-07 05:48:16 +00:00
< / div >
2024-12-21 03:30:22 +00:00
< div class = "footer" >
< a href = "#content" id = "go-to-top-link" class = "footer--button footer--button_go-to-top" > < / a >
2025-01-10 03:01:29 +00:00
< span > © 2025 Copyright< / span >
2024-12-21 03:30:22 +00:00
< span class = "pull-right" >
< span > Generated by < / span >
< a class = "footer--link footer--link_external" href = "https://github.com/Kotlin/dokka" >
< span > dokka< / span >
< / a >
< / span >
< / div >
2023-09-01 22:34:58 +00:00
< / div >
< / div >
2022-12-07 05:48:16 +00:00
< / div >
< / body >
2024-12-21 03:30:22 +00:00
< / html >
