search
HomeWeb Front-endCSS TutorialDOM attribute usage quick guide page 1/4_CSS/HTML

object Returns the contained object.​

OffscreenBuffering Sets or gets whether the object should be drawn off-screen before being visible to the user.  

 offsetHeight Gets the height of the object relative to the layout or the parent coordinate specified by the parent coordinate offsetParent property.​

OffsetLeft Gets the calculated left position of the object relative to the layout or the parent coordinate specified by the offsetParent property.​

offsetParent Gets a reference to the container object that defines the offsetTop and offsetLeft properties of the object.  

  offsetTop Gets the calculated top position of the object relative to the layout or the parent coordinate specified by the offsetTop attribute. ​

OffsetWidth Gets the width of the object relative to the layout or the parent coordinate specified by the offsetParent property.  

 offsetX Sets or gets the x coordinate of the mouse pointer position relative to the object that triggered the event.

offsetY Sets or gets the y coordinate of the mouse pointer position relative to the object that triggered the event.  

 onLine Gets a value indicating whether the system is in global offline mode.  

 opener Sets or gets a reference to the window that created the current window.  

 outerHTML Sets or gets the HTML form of the object and its content.  

 outerText Set or get the text of the object.  

 overflow Sets or gets a value indicating how the object's content is managed when the content exceeds the object's height or width.  

 overflowX Sets or gets how to manage object content when the content exceeds the width of the object.  

 overflowY Sets or gets how to manage object content when the content exceeds the height of the object.  

 ownerDocument Sets or gets the document object associated with the node. ​

owningElement Gets the next object in the HTML hierarchy.

Padding Sets or gets the total space to be inserted between the object and its margins or, if present, a border.  

 paddingBottom Sets or gets the total amount of space to be inserted between the object's bottom border and the content.  

 paddingLeft Sets or gets the total amount of space to be inserted between the left border of the object and the content.  

 paddingRight Sets or gets the total amount of space to be inserted between the right border of the object and the content.  

 paddingTop Sets or gets the total amount of space inserted between the object's upper border and the content.  

 pageBreakAfter Sets or gets the string indicating that a page break occurs after the object.  

 pageBreakBefore Sets or gets the string indicating that a page break occurred before the object.  

 palette Gets the palette used to embed the document.  

 parent Gets the parent window in the object hierarchy.  

 parentElement Gets the parent object in the object hierarchy.  

 parentNode Gets the parent object in the document hierarchy.

parentStyleSheet Gets the style sheet imported into the current style sheet.

parentTextEdit Gets the container object in the document hierarchy that can be used to create a TextRange containing the original object.  

 parentWindow Gets the reference to the window where the container object is located.  

 pathname Sets or gets the file name or path specified by the object.  

 pixelBottom Set or get the bottom position of the object.  

 pixelHeight Set or get the height of the object.  

 pixelLeft Set or get the left position of the object.  

 pixelRight Set or get the right position of the object.  

 pixelTop Set or get the top position of the object.  

 pixelWidth Set or get the width of the object. 

 platform Get the user’s operating system name.​

pluginspage Get the plugin URL for viewing embedded documents.  

 port Sets or gets the port number associated with URL.  

 posBottom Sets or gets the position below the object in the unit specified by the bottom tag attribute.  

 posHeight Sets or gets the height of the object in the unit specified by the height tag attribute.  

  Position Sets or gets the positioning method used by the object. ​

posLeft Sets or gets the left position of the object in the unit specified by the left tag attribute.

posRight Sets or gets the right position of the object in the unit specified by the right tag attribute. ​

posTop Sets or gets the position above the object in the unit specified by the top tag attribute. ​

posWidth Sets or gets the width of the object in the unit specified by the width tag attribute.​

previousSibling このオブジェクトの前の兄弟オブジェクトへの参照を取得します。

Profile オブジェクトのプロパティとこれらのプロパティの有効な値によって定義された 1 つ以上の URI を設定または取得します。

propertyName オブジェクトの変更されたプロパティの名前を設定または取得します。

protocol URL のプロトコル部分を設定または取得します。

pseudoClass @page ルールが適用されるページの擬似クラスを識別する文字列を取得します。

修飾子 データ ソース オブジェクトによって提供されるデータ メンバーの名前を設定または取得します。

readOnly ルールやスタイルシートがページ上で定義されているか、インポートされているかを取得します。

readOnly オブジェクトの内容が読み取り専用かどうかを示す値を設定または取得します。

readyState オブジェクトの現在の状態を取得します。

readyState オブジェクトの現在の状態を取得します。


Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
@keyframes vs CSS Transitions: What is the difference?@keyframes vs CSS Transitions: What is the difference?May 14, 2025 am 12:01 AM

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

Using Pages CMS for Static Site Content ManagementUsing Pages CMS for Static Site Content ManagementMay 13, 2025 am 09:24 AM

I know, I know: there are a ton of content management system options available, and while I've tested several, none have really been the one, y'know? Weird pricing models, difficult customization, some even end up becoming a whole &

The Ultimate Guide to Linking CSS Files in HTMLThe Ultimate Guide to Linking CSS Files in HTMLMay 13, 2025 am 12:02 AM

Linking CSS files to HTML can be achieved by using elements in part of HTML. 1) Use tags to link local CSS files. 2) Multiple CSS files can be implemented by adding multiple tags. 3) External CSS files use absolute URL links, such as. 4) Ensure the correct use of file paths and CSS file loading order, and optimize performance can use CSS preprocessor to merge files.

CSS Flexbox vs Grid: a comprehensive reviewCSS Flexbox vs Grid: a comprehensive reviewMay 12, 2025 am 12:01 AM

Choosing Flexbox or Grid depends on the layout requirements: 1) Flexbox is suitable for one-dimensional layouts, such as navigation bar; 2) Grid is suitable for two-dimensional layouts, such as magazine layouts. The two can be used in the project to improve the layout effect.

How to Include CSS Files: Methods and Best PracticesHow to Include CSS Files: Methods and Best PracticesMay 11, 2025 am 12:02 AM

The best way to include CSS files is to use tags to introduce external CSS files in the HTML part. 1. Use tags to introduce external CSS files, such as. 2. For small adjustments, inline CSS can be used, but should be used with caution. 3. Large projects can use CSS preprocessors such as Sass or Less to import other CSS files through @import. 4. For performance, CSS files should be merged and CDN should be used, and compressed using tools such as CSSNano.

Flexbox vs Grid: should I learn them both?Flexbox vs Grid: should I learn them both?May 10, 2025 am 12:01 AM

Yes,youshouldlearnbothFlexboxandGrid.1)Flexboxisidealforone-dimensional,flexiblelayoutslikenavigationmenus.2)Gridexcelsintwo-dimensional,complexdesignssuchasmagazinelayouts.3)Combiningbothenhanceslayoutflexibilityandresponsiveness,allowingforstructur

Orbital Mechanics (or How I Optimized a CSS Keyframes Animation)Orbital Mechanics (or How I Optimized a CSS Keyframes Animation)May 09, 2025 am 09:57 AM

What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it.

CSS Animations: Is it hard to create them?CSS Animations: Is it hard to create them?May 09, 2025 am 12:03 AM

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool