Значение auto

@Дмитрий :) · Регистрация: 29.10.2010

Студворк — интернет-сервис помощи студентам

Всем доброго утра! подскажите, пожалуйста, что означает значение auto для top, right, bottom, left, width и height

@Fedor92 · 16.08.2015, 11:11

Сообщение от Дмитрий :)

значение auto для top, right, bottom, left

Это значение по умолчанию для всех элементов, которое не изменяет положение элемента на странице... Не наследуется...

Сообщение от Дмитрий :)

значение auto для width

Это значение по умолчанию, устанавливает ширину элемента исходя из его содержимого(элементов, которые его наполняют)... Не наследуется...

Сообщение от Дмитрий :)

значение auto для height

Это значение по умолчанию, устанавливает высоту элемента исходя из его содержимого(элементов, которые его наполняют)... Не наследуется...

@Дмитрий :) · 22.08.2015, 22:21 **[ТС]**

спасибо!
а что значит "значение по умолчанию"? т.е. заданное через CSS ?
а как оно может измениться? через JS и CSS ?

Добавлено через 6 минут
(в смысле после чего может потребоваться возврат в исходное значение)

@Fedor92 · 22.08.2015, 22:29

Сообщение от Дмитрий :)

а что значит "значение по умолчанию"? т.е. заданное через CSS ?

Не совсем... Значение "по-умолчанию" означает свойства, которые соответствуют элементу - даже без их указания в css... Например, если Вы используете тег <div> для него свойством по умолчанию является display:block, которое говорит о том, что элемент является блочным... Но, если мы в css напишем свойство тэгу <div> - display:inline-block - он уже будет строчно-блочным элементом... Таким образом свойства по умолчанию - это набор css правил, присущие элементу в зависимости от его разновидности(блочный, строчно-блочный, строчный) , но которые изначально в css не указываются...

@Дмитрий :) · 23.08.2015, 13:07 **[ТС]**

при чём тут display:block?
я говорю про top, right, bottom, left, width и height

@Fedor92 · 23.08.2015, 14:08

Дмитрий , display-block - это пример - я же специально написал! Аналогично при создании любого блока он имеет свойства:

CSS

top:auto
right:auto
bottom:auto
left:auto
width:auto
height:auto

Их просто нет в стилях, а так эти свойства присущи любому блоку...

@msheal · 23.08.2015, 14:45

Сообщение от Дмитрий :)

при чём тут display:block?
я говорю про top, right, bottom, left, width и height

лучший способ понять что подразумевает значение "авто" - пойти на сайт стандартов wc3 (или htmlbooks например) и смотреть каждый интересующий вас параметр, обращая внимание на "значение по умлолчанию".
П.С. в вашем случае, для top/right/left/bottom параметр "авто" означает, что блок никак не изменяет своего положения (не смещается); width/height с параметром "авто" - значит, что высота и ширина блока будет зависеть от его содержимого. Не понимаю чем вас не устроили ответы выше, вроде бы товарищ Фёдор всё доступно расписал.
П.П.С. сайт htmlbooks в вашем случае обязателен к посещению

@Дмитрий :) · 23.08.2015, 16:54 **[ТС]**

на этом сайте ответа на свой вопрос я не нашел - там написано, что в этом случае значение св-ва будет рассчмтано автоматически. но что это значит - я так и не понял.
вы можете еще раз ответить - если я пишу left:auto; откуда возьмется значение, которое будет присвоено в left?
я предположил, что оно возьмется из изначально заданных для него CSS-свойств. мне Фёдор сказал, что не обязательно. тогда ещё возникла мысль - это минимальное из всех возможных для него значений?

@Fedor92 · 23.08.2015, 17:13

Сообщение от Дмитрий :)

тогда ещё возникла мысль - это минимальное из всех возможных для него значений?

Выражаясь Вашим языком - минимальное...

Если хотите "по умолчанию" - значение css свойств элемента предустановленных разработчиком... Может понятнее будет...

@msheal · 23.08.2015, 17:53

Сообщение от Дмитрий :)

на этом сайте ответа на свой вопрос я не нашел - там написано, что в этом случае значение св-ва будет рассчмтано автоматически. но что это значит - я так и не понял.
вы можете еще раз ответить - если я пишу left:auto; откуда возьмется значение, которое будет присвоено в left?

Что непонятного я и Федор написали? Рассчитано автоматически - значит рассчитано автоматически, в зависимости от наполнения блока (в случае с width/height). В случае с left/right/top/bottom значение "авто" будет значить что блок НЕ сдвинется с места, а значит он будет расположен по-умолчанию, как вобще без его указания .
Абсолютно все свойства ксс имеют свои значения по умолчанию, так что насильно задавать свойства со значением "авто" обычно бессмысленно (ведь в случае, если свойство не прописано в стилях, то значение этого свойства будет по умолчанию).

@Дмитрий :) · 23.08.2015, 18:35 **[ТС]**

ну вот фраза "без его указания" понятна, спасибо. я назвал это "минимальным значением свойства". Федор сообщением выше подтвердил мои предположения.

@msheal · 23.08.2015, 19:14

Нет никаких "минимальных значений", называйте пожалуйста вещи своими именами дабы не путать тех, кто пытается вам помочь

@ns16 · 24.08.2015, 08:39

Сообщение от Дмитрий :)

подскажите, пожалуйста, что означает значение auto для top, right, bottom, left, width и height

Для относительно позиционированных элементов:
left: auto == left: 0
top: auto == top: 0
right: auto == right: 0
bottom: auto == bottom: 0

Для абсолютно и фиксировано позиционированных элементов:
left: auto == left: 0
top: auto == top: 0
Для right: auto и bottom: auto эквивалента нет. В данном случае значение auto означает, что значения как будто бы нет. То есть оно никак не влияет на положение элемента.

Для блочных элементов:
width: auto == width: 100%

Для строчных, блочно-строчных элементов, а также плавающих и абсолютно позиционированных блочных элементов:
width: auto == width: <ширина, рассчитанная в зависимости от количества контента>

Для любых элементов:
height: auto == height: <высота, рассчитанная в зависимости от количества контента>

Сообщение от Дмитрий :)

тогда ещё возникла мысль - это минимальное из всех возможных для него значений?

Для left, top, right и bottom значение auto не минимальное, поскольку эти свойства могут иметь отрицательные значения. Для width и height оно также, как правило, не минимальное.

@Дмитрий :) · 26.08.2015, 14:59 **[ТС]**

большое вам спасибо

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	23.08.2015, 19:14	12
	Нет никаких "минимальных значений", называйте пожалуйста вещи своими именами дабы не путать тех, кто пытается вам помочь 0

@Дмитрий :) 6 / 6 / 0 Регистрация: 29.10.2010 Сообщений: 523
		1
	Значение auto 16.08.2015, 07:36. Показов 2007. Ответов 13 Метки нет (Все метки) Всем доброго утра! подскажите, пожалуйста, что означает значение auto для top, right, bottom, left, width и height 0

@Fedor92 2963 / 2586 / 1068 Регистрация: 15.12.2012 Сообщений: 9,775 Записей в блоге: 11
	16.08.2015, 11:11	2
	Сообщение от Дмитрий :) значение auto для top, right, bottom, left Это значение по умолчанию для всех элементов, которое не изменяет положение элемента на странице... Не наследуется... Сообщение от Дмитрий :) значение auto для width Это значение по умолчанию, устанавливает ширину элемента исходя из его содержимого(элементов, которые его наполняют)... Не наследуется... Сообщение от Дмитрий :) значение auto для height Это значение по умолчанию, устанавливает высоту элемента исходя из его содержимого(элементов, которые его наполняют)... Не наследуется... 1

@Дмитрий :) 6 / 6 / 0 Регистрация: 29.10.2010 Сообщений: 523
	22.08.2015, 22:21 [ТС]	3
	спасибо! а что значит "значение по умолчанию"? т.е. заданное через CSS ? а как оно может измениться? через JS и CSS ? Добавлено через 6 минут (в смысле после чего может потребоваться возврат в исходное значение) 0

@Fedor92 2963 / 2586 / 1068 Регистрация: 15.12.2012 Сообщений: 9,775 Записей в блоге: 11
	22.08.2015, 22:29	4
	Сообщение от Дмитрий :) а что значит "значение по умолчанию"? т.е. заданное через CSS ? Не совсем... Значение "по-умолчанию" означает свойства, которые соответствуют элементу - даже без их указания в css... Например, если Вы используете тег <div> для него свойством по умолчанию является display:block, которое говорит о том, что элемент является блочным... Но, если мы в css напишем свойство тэгу <div> - display:inline-block - он уже будет строчно-блочным элементом... Таким образом свойства по умолчанию - это набор css правил, присущие элементу в зависимости от его разновидности(блочный, строчно-блочный, строчный) , но которые изначально в css не указываются... 0

@Дмитрий :) 6 / 6 / 0 Регистрация: 29.10.2010 Сообщений: 523
	23.08.2015, 13:07 [ТС]	5
	при чём тут display:block? я говорю про top, right, bottom, left, width и height 0

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	23.08.2015, 14:45	7
	Сообщение от Дмитрий :) при чём тут display:block? я говорю про top, right, bottom, left, width и height лучший способ понять что подразумевает значение "авто" - пойти на сайт стандартов wc3 (или htmlbooks например) и смотреть каждый интересующий вас параметр, обращая внимание на "значение по умлолчанию". П.С. в вашем случае, для top/right/left/bottom параметр "авто" означает, что блок никак не изменяет своего положения (не смещается); width/height с параметром "авто" - значит, что высота и ширина блока будет зависеть от его содержимого. Не понимаю чем вас не устроили ответы выше, вроде бы товарищ Фёдор всё доступно расписал. П.П.С. сайт htmlbooks в вашем случае обязателен к посещению 0

@Дмитрий :) 6 / 6 / 0 Регистрация: 29.10.2010 Сообщений: 523
	23.08.2015, 16:54 [ТС]	8
	на этом сайте ответа на свой вопрос я не нашел - там написано, что в этом случае значение св-ва будет рассчмтано автоматически. но что это значит - я так и не понял. вы можете еще раз ответить - если я пишу left:auto; откуда возьмется значение, которое будет присвоено в left? я предположил, что оно возьмется из изначально заданных для него CSS-свойств. мне Фёдор сказал, что не обязательно. тогда ещё возникла мысль - это минимальное из всех возможных для него значений? 0

@Fedor92 2963 / 2586 / 1068 Регистрация: 15.12.2012 Сообщений: 9,775 Записей в блоге: 11
	23.08.2015, 17:13	9
	Сообщение от Дмитрий :) тогда ещё возникла мысль - это минимальное из всех возможных для него значений? Выражаясь Вашим языком - минимальное... Если хотите "по умолчанию" - значение css свойств элемента предустановленных разработчиком... Может понятнее будет... 0

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	23.08.2015, 17:53	10
	Сообщение было отмечено Дмитрий :) как решение Решение Сообщение от Дмитрий :) на этом сайте ответа на свой вопрос я не нашел - там написано, что в этом случае значение св-ва будет рассчмтано автоматически. но что это значит - я так и не понял. вы можете еще раз ответить - если я пишу left:auto; откуда возьмется значение, которое будет присвоено в left? Что непонятного я и Федор написали? Рассчитано автоматически - значит рассчитано автоматически, в зависимости от наполнения блока (в случае с width/height). В случае с left/right/top/bottom значение "авто" будет значить что блок НЕ сдвинется с места, а значит он будет расположен по-умолчанию, как вобще без его указания . Абсолютно все свойства ксс имеют свои значения по умолчанию, так что насильно задавать свойства со значением "авто" обычно бессмысленно (ведь в случае, если свойство не прописано в стилях, то значение этого свойства будет по умолчанию). 1

@Дмитрий :) 6 / 6 / 0 Регистрация: 29.10.2010 Сообщений: 523
	23.08.2015, 18:35 [ТС]	11
	ну вот фраза "без его указания" понятна, спасибо. я назвал это "минимальным значением свойства". Федор сообщением выше подтвердил мои предположения. 0

Опции темы

@ns16 94 / 94 / 68 Регистрация: 26.03.2015 Сообщений: 248
	24.08.2015, 08:39	13
	Сообщение от Дмитрий :) подскажите, пожалуйста, что означает значение auto для top, right, bottom, left, width и height Для относительно позиционированных элементов: left: auto == left: 0 top: auto == top: 0 right: auto == right: 0 bottom: auto == bottom: 0 Для абсолютно и фиксировано позиционированных элементов: left: auto == left: 0 top: auto == top: 0 Для right: auto и bottom: auto эквивалента нет. В данном случае значение auto означает, что значения как будто бы нет. То есть оно никак не влияет на положение элемента. Для блочных элементов: width: auto == width: 100% Для строчных, блочно-строчных элементов, а также плавающих и абсолютно позиционированных блочных элементов: width: auto == width: <ширина, рассчитанная в зависимости от количества контента> Для любых элементов: height: auto == height: <высота, рассчитанная в зависимости от количества контента> Сообщение от Дмитрий :) тогда ещё возникла мысль - это минимальное из всех возможных для него значений? Для left, top, right и bottom значение auto не минимальное, поскольку эти свойства могут иметь отрицательные значения. Для width и height оно также, как правило, не минимальное. 0

@Дмитрий :) 6 / 6 / 0 Регистрация: 29.10.2010 Сообщений: 523
	26.08.2015, 14:59 [ТС]	14
	большое вам спасибо 0

Значение auto

Решение