Скрива елементи в CSS - CSS стъпка по стъпка

В CSS да се скрие елементи, използващи имота дисплей на висота. В този случай, елементът не е просто скрит, той изглежда да бъде отстранен от страницата и нейното съдържание. И мястото му автоматично ще заемат останалите елементи.

Видимостта собственост, за да играят скрита също крие елемент, но площта, заемана преди това от тях е до тях, другите елементи не могат да бъдат поставени там. Значение колапс свойства видимост служи за скриване на елементи на масата.

Display и видимост свойства се прилагат за всички елементи.

свойства приложение и дисплей видимост

Скриване на пингвин различни методи.

Penguin скрита и беше заменен от текст.

Penguin е скрита, но площта, заемана преди това от тях, остана с него.

прозрачност елемент

непрозрачност имот се използва за определяне на степента на прозрачност на елемента. Имоти отнема стойност от 0 до 1.

1 - Това е стойността по подразбиране, това съответства на нормалната дисплей елемент - това е непрозрачен.

Съответно, когато стойността е 0 - елемент става невидима - е прозрачен. Това е начина, по който можете да скриете елемента.

Имоти важи за всички елементи

Translucent пингвин!

Скрити и видима област

За абсолютно позиционирани елементи приложимо клип собственост. Това се отнася до област елемент, който ще се вижда. Останалата част няма да бъде показан.

Необходимо (видима) част на елемента се определя чрез определяне на координатите по ключови думи отгоре. прав. дъното и си тръгна. които показват разстоянието от ръба на елемента преди границите на видимата област.

Формата на видимата област - тя винаги е правоъгълник.

Външно устройство

преливане имот се използва в случаите, в които съдържанието на блока надвишават размера му.

Имоти важи и за блокови елементи.

По подразбиране, ако съдържанието на блока превишават размерите си, тя ще бъде напълно изявено, но излиза извън границите на блока.

Ако стойността е скрита преливни имоти ще покаже част от съдържанието, което заедно в границите на блока. Съответно, останалата част ще бъде скрит.

Също така, когато съдържанието надвишава размерите на блокови размери могат да използват ленти за превъртане: превъртане при преливане свойства означава, че те винаги ще е налице, и стойност на автомобил, ако е необходимо да се добави.

Penguin надвишава ширината на блока, така че извън нейните граници.

свойства нанасяне преливник

В следващия пример, ние използваме преливане от стойностите на имотите, скрити и автоматично.

курсор

Курсор имот не крие нищо. Въпреки това, тя дава възможност за промяна на външния вид (тип) на курсора, когато мишката остава върху даден елемент.

Това означава, че (ако мога така да се изразя) текущата курсора е скрита и волята.

Имоти важи за всички елементи.

Penguin в примера е вероятно да отнеме известно въпрос. Какво си мисли той? Искам да попитам за курсора пингвин стрелка с въпросителен знак, с помощта на курсора имота да помогне стойност.